Iris Blue Halo

Light blue, purple, black and lavender color palette

This radial gradient moves from the center outward through pale cyan, vivid blue, vivid cyan, deep teal, violet, deep cyan, cyan, and pale violet. Linear gradient, 32 colors at 135°: #9fc8fb, #5069dc, #264399, #001c2d, #ddb4fc. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#9fc8fb
#97bffe
#91b1ff
#8f9eff
#9089ff
#9074fc
#8866f4
#7463eb
#5069dc
#1f6fc3
#0071a0
#006e88
#126978
#086374
#005c79
#005387
#264399
#432e9c
#511996
#4e0d8d
#391280
#1b196b
#001f46
#001c2d
#001c27
#05222c
#183340
#334e65
#596c94
#898ac2
#b9a3e7
#ddb4fc

CSS

background: linear-gradient(135deg in oklch, oklch(82.28% 0.0841 253.83) 0.0%, oklch(79.98% 0.0993 258.82) 3.2%, oklch(76.73% 0.1180 266.74) 6.5%, oklch(72.91% 0.1410 275.73) 9.7%, oklch(68.88% 0.1700 283.90) 12.9%, oklch(64.99% 0.1944 289.38) 16.1%, oklch(61.61% 0.2037 290.29) 19.4%, oklch(58.85% 0.1980 284.15) 22.6%, oklch(56.37% 0.1782 270.73) 25.8%, oklch(54.09% 0.1503 253.44) 29.0%, oklch(51.98% 0.1115 235.78) 32.3%, oklch(49.97% 0.0918 221.20) 35.5%, oklch(48.02% 0.0792 213.19) 38.7%, oklch(46.13% 0.0794 215.22) 41.9%, oklch(44.45% 0.0862 227.40) 45.2%, oklch(42.91% 0.1097 245.72) 48.4%, oklch(41.40% 0.1454 266.07) 51.6%, oklch(39.84% 0.1690 284.42) 54.8%, oklch(38.14% 0.1832 296.61) 58.1%, oklch(36.06% 0.1820 298.64) 61.3%, oklch(32.61% 0.1649 289.89) 64.5%, oklch(28.39% 0.1372 274.17) 67.7%, oklch(24.42% 0.0827 255.79) 71.0%, oklch(21.65% 0.0484 238.55) 74.2%, oklch(21.07% 0.0405 226.51) 77.4%, oklch(23.68% 0.0390 223.56) 80.6%, oklch(30.72% 0.0407 231.02) 83.9%, oklch(41.16% 0.0510 245.43) 87.1%, oklch(53.31% 0.0663 263.66) 90.3%, oklch(65.48% 0.0832 282.56) 93.5%, oklch(75.96% 0.0981 299.00) 96.8%, oklch(83.07% 0.1075 309.84) 100.0%);

In these collections

Blue and purple gradients