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

Лінійний градієнт, 32 кольори, кут 135°: #090314, #441762, #ff61a6, #ffb6d8, #4b3c9d. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #090314
• #0c041a
• #110520
• #150628
• #1b0832
• #230b3d
• #2b0e49
• #361255
• #441762
• #561d71
• #6e237f
• #8a288c
• #a82e96
• #c6359c
• #e13e9f
• #f749a2
• #ff61a6
• #ff7cad
• #ff91b6
• #ffa3c0
• #ffb0c9
• #ffb8d1
• #ffbad5
• #ffb6d8
• #f5afd6
• #e3a1d0
• #cb8ec8
• #af7abf
• #9266b6
• #7554ad
• #5d46a4
• #4b3c9d

CSS

background: linear-gradient(135deg in oklch, oklch(12.60% 0.0427 300.23) 0.0%, oklch(13.90% 0.0491 300.44) 3.2%, oklch(15.47% 0.0575 300.38) 6.5%, oklch(17.33% 0.0675 300.29) 9.7%, oklch(19.51% 0.0786 300.40) 12.9%, oklch(22.01% 0.0905 300.95) 16.1%, oklch(24.85% 0.1028 302.16) 19.4%, oklch(28.06% 0.1151 304.27) 22.6%, oklch(31.66% 0.1271 307.53) 25.8%, oklch(36.07% 0.1415 312.62) 29.0%, oklch(41.21% 0.1582 319.24) 32.3%, oklch(46.78% 0.1758 326.78) 35.5%, oklch(52.52% 0.1927 334.60) 38.7%, oklch(58.12% 0.2072 342.08) 41.9%, oklch(63.31% 0.2179 348.60) 45.2%, oklch(67.80% 0.2231 353.52) 48.4%, oklch(71.45% 0.2017 356.44) 51.6%, oklch(75.01% 0.1667 358.28) 54.8%, oklch(78.41% 0.1376 359.22) 58.1%, oklch(81.44% 0.1145 359.24) 61.3%, oklch(83.87% 0.0977 358.34) 64.5%, oklch(85.49% 0.0877 356.50) 67.7%, oklch(86.08% 0.0858 353.70) 71.0%, oklch(85.42% 0.0940 349.93) 74.2%, oklch(83.05% 0.0962 344.69) 77.4%, oklch(78.59% 0.0989 337.14) 80.6%, oklch(72.63% 0.1059 327.99) 83.9%, oklch(65.82% 0.1155 318.01) 87.1%, oklch(58.80% 0.1265 307.99) 90.3%, oklch(52.21% 0.1371 298.71) 93.5%, oklch(46.70% 0.1460 290.93) 96.8%, oklch(42.91% 0.1516 285.44) 100.0%);

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

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

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