Near-Black Magenta Near-Black Quiet Halo

This radial gradient moves from the center outward through near-black, deep cyan, muted violet, muted purple, muted magenta, muted red, muted orange, and… Radial gradient, 32 colors: #011613, #645b95, #c189a2, #8d7068, #020200. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#011613
#001c1b
#002427
#002e37
#09384b
#1d4360
#334c75
#4c5487
#645b95
#7b619d
#8e66a1
#9d6ba2
#a871a2
#b277a2
#b97ea3
#be84a3
#c189a2
#c28da1
#c0909e
#bc9099
#b68d92
#ad8788
#9f7e7a
#8d7068
#776055
#614f42
#4a3d2f
#352c1f
#221c10
#120f05
#070601
#020200

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0303 183.52) 0.0%, oklch(20.54% 0.0348 191.53) 3.2%, oklch(23.85% 0.0406 202.28) 6.5%, oklch(27.77% 0.0489 214.97) 9.7%, oklch(32.18% 0.0575 229.25) 12.9%, oklch(36.86% 0.0665 244.47) 16.1%, oklch(41.60% 0.0754 260.04) 19.4%, oklch(46.23% 0.0835 275.41) 22.6%, oklch(50.54% 0.0905 289.99) 25.8%, oklch(54.34% 0.0958 303.21) 29.0%, oklch(57.43% 0.0988 314.49) 32.3%, oklch(59.85% 0.0992 323.51) 35.5%, oklch(62.19% 0.0974 330.89) 38.7%, oklch(64.40% 0.0937 336.99) 41.9%, oklch(66.40% 0.0886 342.12) 45.2%, oklch(68.08% 0.0825 346.61) 48.4%, oklch(69.35% 0.0757 350.75) 51.6%, oklch(70.11% 0.0686 354.86) 54.8%, oklch(70.25% 0.0617 359.27) 58.1%, oklch(69.69% 0.0553 4.27) 61.3%, oklch(68.33% 0.0498 10.18) 64.5%, oklch(66.02% 0.0455 17.33) 67.7%, oklch(62.23% 0.0418 25.89) 71.0%, oklch(57.08% 0.0382 35.57) 74.2%, oklch(50.92% 0.0348 46.00) 77.4%, oklch(44.09% 0.0316 56.84) 80.6%, oklch(36.94% 0.0286 67.71) 83.9%, oklch(29.80% 0.0259 78.25) 87.1%, oklch(23.02% 0.0235 88.10) 90.3%, oklch(16.95% 0.0213 96.90) 93.5%, oklch(11.91% 0.0195 104.28) 96.8%, oklch(8.27% 0.0179 109.90) 100.0%);

In these collections

Muted rainbow gradients