Блакитний → фіолетовий, аналогова гама: лінійний градієнт

Лінійний градієнт, 7 кольорів, кут 90°: #c5c1f4, #b9b4ff, #a8a2fe, #968eeb, #8279c7, #6b62af, #564ba5. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

5 ключових кадрів OKLCH, які можна редагувати.

• #c5c1f4
• #b9b4ff
• #a8a2fe
• #968eeb
• #8279c7
• #6b62af
• #564ba5

CSS

background: linear-gradient(90deg in oklch, oklch(83.07% 0.0717 288.28) 0.0%, oklch(80.11% 0.1055 286.79) 16.7%, oklch(75.43% 0.1305 285.93) 33.3%, oklch(69.29% 0.1337 286.17) 50.0%, oklch(61.72% 0.1165 287.89) 66.7%, oklch(53.88% 0.1181 287.50) 83.3%, oklch(47.24% 0.1392 285.11) 100.0%);

У цих колекціях

Градієнти для hero-секціїГрадієнти для шпалер робочого столу

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює