Cyan Violet Blue Halo

Vivid analogous light blue and purple color palette

This radial gradient moves from the center outward through vivid cyan, blue, vivid cyan, violet, vivid cyan, cyan, and pale blue. Linear gradient, 32 colors at 135°: #57d4fa, #2d2259, #576ad2, #2ba1d4, #cfd9fd. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#57d4fa
#52bbec
#5295d4
#516bb1
#4b4489
#402766
#361651
#31154e
#2d2259
#273669
#1e4e77
#186482
#17748c
#0d7c98
#037dac
#2d77c2
#576ad2
#795cd6
#8f52d4
#9455d9
#8665e4
#6a7aeb
#4490e4
#2ba1d4
#3dacc7
#56b3c5
#6dbacd
#84c2da
#9bc9e8
#b1cff3
#c3d5fa
#cfd9fd

CSS

background: linear-gradient(135deg in oklch, oklch(81.50% 0.1213 221.48) 0.0%, oklch(74.99% 0.1193 232.19) 3.2%, oklch(65.29% 0.1166 248.53) 6.5%, oklch(54.07% 0.1134 267.29) 9.7%, oklch(43.02% 0.1100 285.23) 12.9%, oklch(33.81% 0.1067 299.16) 16.1%, oklch(28.12% 0.1039 305.84) 19.4%, oklch(27.12% 0.1006 301.98) 22.6%, oklch(29.80% 0.0958 288.26) 25.8%, oklch(34.88% 0.0908 268.94) 29.0%, oklch(41.11% 0.0870 248.33) 32.3%, oklch(47.21% 0.0857 230.73) 35.5%, oklch(51.93% 0.0884 220.46) 38.7%, oklch(54.39% 0.0973 221.54) 41.9%, oklch(55.64% 0.1148 233.39) 45.2%, oklch(56.16% 0.1371 251.73) 48.4%, oklch(56.35% 0.1604 272.19) 51.6%, oklch(56.56% 0.1804 290.40) 54.8%, oklch(57.16% 0.1932 301.97) 58.1%, oklch(58.48% 0.1948 302.66) 61.3%, oklch(60.23% 0.1855 292.07) 64.5%, oklch(62.23% 0.1685 274.12) 67.7%, oklch(64.44% 0.1473 252.96) 71.0%, oklch(66.80% 0.1252 232.74) 74.2%, oklch(69.26% 0.1055 217.62) 77.4%, oklch(71.77% 0.0914 211.67) 80.6%, oklch(74.68% 0.0811 215.12) 83.9%, oklch(77.95% 0.0724 224.90) 87.1%, oklch(81.28% 0.0653 238.30) 90.3%, oklch(84.42% 0.0595 252.63) 93.5%, oklch(87.08% 0.0548 265.18) 96.8%, oklch(88.98% 0.0510 273.27) 100.0%);

In these collections

Blue and purple gradients