Генератор CSS-градиентов
Выберите два цвета и направление - получите плавный градиент из нескольких цветов и готовый CSS-код.
Количество цветов
5
Порядок
Нажмите на любой цвет, чтобы изменить его.
CSS-код
background-image: linear-gradient(to top, #051937, #004D7A, #008793, #00BF72, #A8EB12);Зачем в градиенте промежуточные цвета
Обычный градиент из двух цветов часто «грязнеет» в середине: браузер смешивает цвета напрямую в RGB. Здесь промежуточные цвета считаются в LCH, поэтому градиент проходит через чистые насыщенные оттенки, а в CSS они записываются отдельными остановками. Количеством цветов задаётся число остановок, а скопировать можно любой отдельный цвет или всё правило целиком.