Чорний, синій і фіолетовий, аналогова гама: лінійний градієнт

Лінійний градієнт, 21 колір, кут 0°: #120e17, #3e3273, #6c64ce, #a97fff, #e669f8. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #120e17
• #191222
• #221831
• #2c1f45
• #35285c
• #3e3273
• #473c8a
• #4e469d
• #5750ae
• #615abf
• #6c64ce
• #786edc
• #8475e8
• #907bf3
• #9c7efc
• #a97fff
• #b77dff
• #c579ff
• #d371ff
• #de6cfb
• #e669f8

CSS

background: linear-gradient(0deg in oklch, oklch(17.32% 0.0207 306.56) 0.0%, oklch(19.88% 0.0322 304.17) 5.0%, oklch(23.41% 0.0485 300.67) 10.0%, oklch(27.59% 0.0678 296.56) 15.0%, oklch(32.14% 0.0882 292.33) 20.0%, oklch(36.74% 0.1078 288.51) 25.0%, oklch(41.09% 0.1248 285.58) 30.0%, oklch(44.94% 0.1373 283.98) 35.0%, oklch(48.77% 0.1463 283.23) 40.0%, oklch(52.63% 0.1529 283.09) 45.0%, oklch(56.40% 0.1580 283.58) 50.0%, oklch(59.94% 0.1625 284.68) 55.0%, oklch(63.11% 0.1671 286.40) 60.0%, oklch(65.78% 0.1727 288.74) 65.0%, oklch(67.84% 0.1801 291.97) 70.0%, oklch(69.34% 0.1839 296.68) 75.0%, oklch(70.40% 0.1883 302.35) 80.0%, oklch(71.13% 0.1989 308.37) 85.0%, oklch(71.64% 0.2149 314.13) 90.0%, oklch(72.04% 0.2235 319.01) 95.0%, oklch(72.44% 0.2287 322.41) 100.0%);

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

Фіолетові градієнтиГрадієнти для тексту

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