Violet cyan citrus vortex

Rainbow from purple to orange color palette

From the dark violet center outward, the radial gradient brightens through purple, blue, cyan, turquoise, green, yellow, orange, and coral red. Linear gradient, 32 colors at 135°: #29163d, #792ec1, #00bbf0, #a1db5b, #ff6252. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#29163d
#2e1846
#361b52
#401d61
#4b1f71
#582184
#642497
#7028ac
#792ec1
#7f37d7
#7f43ec
#7853ff
#696eff
#5884ff
#3f99ff
#00abfe
#00bbf0
#00c9e6
#00d5db
#00dfcc
#00e7b7
#4de89d
#7de47f
#a1db5b
#bfce2d
#d6bd00
#e5ad00
#f09b00
#fa8800
#ff7726
#ff6b41
#ff6252

CSS

background: linear-gradient(135deg in oklch, oklch(24.80% 0.0730 303.75) 0.0%, oklch(26.63% 0.0835 303.52) 3.2%, oklch(28.99% 0.0982 303.85) 6.5%, oklch(31.79% 0.1160 304.47) 9.7%, oklch(34.92% 0.1358 305.10) 12.9%, oklch(38.30% 0.1565 305.45) 16.1%, oklch(41.82% 0.1772 305.25) 19.4%, oklch(45.38% 0.1966 304.21) 22.6%, oklch(48.89% 0.2136 302.05) 25.8%, oklch(52.24% 0.2273 298.49) 29.0%, oklch(55.34% 0.2365 293.24) 32.3%, oklch(58.24% 0.2404 286.04) 35.5%, oklch(61.32% 0.2114 276.92) 38.7%, oklch(64.53% 0.1886 266.16) 41.9%, oklch(67.78% 0.1737 254.08) 45.2%, oklch(70.96% 0.1653 240.98) 48.4%, oklch(73.97% 0.1431 227.16) 51.6%, oklch(76.73% 0.1342 212.93) 54.8%, oklch(79.13% 0.1346 198.59) 58.1%, oklch(81.08% 0.1433 184.45) 61.3%, oklch(82.49% 0.1619 170.81) 64.5%, oklch(83.24% 0.1689 157.85) 67.7%, oklch(83.21% 0.1683 144.21) 71.0%, oklch(82.50% 0.1692 129.74) 74.2%, oklch(81.25% 0.1714 114.81) 77.4%, oklch(79.61% 0.1654 99.80) 80.6%, oklch(77.73% 0.1593 85.09) 83.9%, oklch(75.74% 0.1631 71.04) 87.1%, oklch(73.79% 0.1766 58.03) 90.3%, oklch(72.04% 0.1864 46.45) 93.5%, oklch(70.62% 0.1893 36.64) 96.8%, oklch(69.68% 0.1940 28.99) 100.0%);

In these collections

Surreal colors