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

Лінійний градієнт, 6 кольорів, кут 315°: #c5c1f4, #b6b1ff, #a19af8, #8a82d7, #7067b2, #564ba5. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #c5c1f4
• #b6b1ff
• #a19af8
• #8a82d7
• #7067b2
• #564ba5

CSS

background: linear-gradient(315deg in oklch, oklch(83.07% 0.0717 288.28) 0.0%, oklch(79.28% 0.1100 286.49) 20.0%, oklch(73.12% 0.1336 285.91) 40.0%, oklch(64.89% 0.1248 287.11) 60.0%, oklch(55.53% 0.1144 287.93) 80.0%, oklch(47.24% 0.1392 285.11) 100.0%);

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

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

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