Linear-gradient и radial-gradient — в чём разница
Линейный градиент растягивает переход цвета вдоль прямой линии под заданным углом — классический выбор для фонов кнопок, шапок сайтов и карточек. Радиальный градиент расходится из центральной точки кругом наружу — хорошо подходит для акцентных пятен света, бейджей и декоративных элементов.
Угол в линейном градиенте отсчитывается по часовой стрелке: 0deg — снизу вверх, 90deg — слева направо, 180deg — сверху вниз. Экспериментируйте со слайдером, чтобы увидеть разницу вживую, прежде чем вставлять код в проект.
Подобранные здесь цвета можно точно перевести между HEX/RGB/HSL в конвертере цветов, а цвет для градиента можно взять прямо с референсного изображения через пипетку цвета. Для дополнительного объёма фону часто добавляют мягкую тень — используйте генератор box-shadow для этого же элемента.