Фиолетовый, розовый и горчичный, тритон, яркие тона: угловой градиент

Угловой градиент, 40 цветов, угол 30°: #420975, #a00599, #f4486f, #ff8f4d, #b69900. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

5 редактируемых ключевых точек OKLCH.

#420975
#470979
#4d097d
#550982
#5e0888
#69078d
#740692
#7f0495
#8b0398
#960399
#a00599
#aa0998
#b41095
#be1692
#c81d8e
#d1248a
#d92b85
#e13280
#e83a7a
#ef4174
#f4486f
#f95069
#fe5864
#ff6361
#ff6f60
#ff785f
#ff805d
#ff875a
#ff8c55
#ff8f4d
#ff903e
#fb922e
#f49420
#eb960b
#e19800
#d69900
#cc9900
#c39900
#bb9900
#b69900

CSS

background: conic-gradient(from 30deg in oklch, oklch(31.89% 0.1598 300.23) 0.0%, oklch(32.93% 0.1639 302.00) 2.6%, oklch(34.28% 0.1695 304.21) 5.1%, oklch(35.88% 0.1764 306.81) 7.7%, oklch(37.67% 0.1839 309.74) 10.3%, oklch(39.59% 0.1918 312.93) 12.8%, oklch(41.59% 0.1996 316.33) 15.4%, oklch(43.62% 0.2068 319.86) 17.9%, oklch(45.60% 0.2131 323.48) 20.5%, oklch(47.50% 0.2180 327.12) 23.1%, oklch(49.24% 0.2211 330.72) 25.6%, oklch(50.96% 0.2228 334.46) 28.2%, oklch(52.70% 0.2234 338.37) 30.8%, oklch(54.45% 0.2232 342.43) 33.3%, oklch(56.18% 0.2222 346.59) 35.9%, oklch(57.90% 0.2206 350.84) 38.5%, oklch(59.58% 0.2185 355.13) 41.0%, oklch(61.20% 0.2161 359.43) 43.6%, oklch(62.77% 0.2135 3.70) 46.2%, oklch(64.25% 0.2108 7.91) 48.7%, oklch(65.67% 0.2080 12.03) 51.3%, oklch(67.12% 0.2047 16.11) 53.8%, oklch(68.59% 0.2007 20.15) 56.4%, oklch(70.04% 0.1905 24.18) 59.0%, oklch(71.43% 0.1792 28.21) 61.5%, oklch(72.71% 0.1699 32.27) 64.1%, oklch(73.84% 0.1628 36.36) 66.7%, oklch(74.78% 0.1581 40.51) 69.2%, oklch(75.49% 0.1561 44.73) 71.8%, oklch(75.92% 0.1574 49.05) 74.4%, oklch(76.01% 0.1628 53.59) 76.9%, oklch(75.71% 0.1645 58.57) 79.5%, oklch(75.10% 0.1620 63.87) 82.1%, oklch(74.25% 0.1597 69.30) 84.6%, oklch(73.26% 0.1548 74.69) 87.2%, oklch(72.20% 0.1496 79.90) 89.7%, oklch(71.15% 0.1459 84.76) 92.3%, oklch(70.20% 0.1434 89.10) 94.9%, oklch(69.42% 0.1421 92.76) 97.4%, oklch(68.90% 0.1416 95.57) 100.0%);

В этих коллекциях

Градиенты в стиле ретро