CSS-градиенты
Готовые градиенты для фона, баннеров и кнопок. Нажмите «Изменить», чтобы подправить цвета и угол в редакторе, или «Копировать», чтобы сразу взять CSS.
Рассвет
#ff9a8b → #ff6a88 → #ff99ac
Океан
#2e3192 → #1bffff
Персик
#ffecd2 → #fcb69f
Мохито
#a8e063 → #56ab2f
Лаванда
#e0c3fc → #8ec5fc
Ночь
#0f2027 → #203a43 → #2c5364
Апельсин
#f12711 → #f5af19
Северное сияние
#00c9ff → #92fe9d
Вишня
#eb3349 → #f45c43
Сливки
#fdfbfb → #ebedee
Фиалка
#8e2de2 → #4a00e0
Морская волна
#43cea2 → #185a9d
Закат
#355070 → #b56576 → #eaac8b
Лимон
#fdfc47 → #24fe41
Космос
#10002b → #5a189a → #e0aaff
Розовое золото
#f6d5c4 → #e8b4a0 → #c98c7a
Лёд
#e6f4f1 → #a1c4fd
Неон
#f6019d → #2de2e6
Лес
#134e5e → #71b280
Карамель
#f7c59f → #c06c3e
Графит
#232526 → #414345
Малина
#d81159 → #ff758f
Небо
#4facfe → #00f2fe
Песок
#fbf1e3 → #e3a66b
Редактор градиента
Как работает linear-gradient
Запись linear-gradient(135deg, #00c9ff, #92fe9d) означает: цвет плавно переходит от первого ко второму под углом 135 градусов (из левого верхнего угла в правый нижний). 0deg ведёт снизу вверх, 90deg слева направо, 180deg сверху вниз. Цветов может быть сколько угодно. Если на градиенте лежит текст, проверьте его контраст по самому светлому месту.