Midnight Violet Galaxy Bloom

From the center outward, this radial gradient begins near black, opens through midnight blue and royal blue, then passes into indigo, violet, and muted… Radial gradient, 32 colors: #02030c, #195181, #213f86, #452776, #b85ea8. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#02030c
#030613
#060c1e
#0b152c
#10203c
#152c4e
#183960
#194671
#195181
#185a8e
#176098
#17629d
#17609e
#195b9b
#1b5396
#1e498e
#213f86
#23367d
#262d76
#282670
#2c216d
#32206d
#3a2271
#452776
#532d7d
#623485
#733c8d
#844495
#944c9c
#a354a1
#af5aa5
#b85ea8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(10.24% 0.0276 272.11) 0.0%, oklch(12.63% 0.0329 270.38) 3.2%, oklch(15.99% 0.0400 267.82) 6.5%, oklch(20.07% 0.0487 264.67) 9.7%, oklch(24.61% 0.0583 261.18) 12.9%, oklch(29.37% 0.0685 257.58) 16.1%, oklch(34.09% 0.0789 254.12) 19.4%, oklch(38.53% 0.0889 251.05) 22.6%, oklch(42.43% 0.0982 248.61) 25.8%, oklch(45.54% 0.1062 247.05) 29.0%, oklch(47.61% 0.1127 246.60) 32.3%, oklch(48.41% 0.1172 247.43) 35.5%, oklch(47.94% 0.1203 249.29) 38.7%, oklch(46.48% 0.1223 252.02) 41.9%, oklch(44.29% 0.1234 255.47) 45.2%, oklch(41.66% 0.1239 259.50) 48.4%, oklch(38.85% 0.1239 263.94) 51.6%, oklch(36.14% 0.1237 268.65) 54.8%, oklch(33.81% 0.1236 273.49) 58.1%, oklch(32.12% 0.1238 278.30) 61.3%, oklch(31.36% 0.1245 282.93) 64.5%, oklch(31.77% 0.1259 287.30) 67.7%, oklch(33.30% 0.1279 292.01) 71.0%, oklch(35.70% 0.1301 297.14) 74.2%, oklch(38.76% 0.1325 302.54) 77.4%, oklch(42.29% 0.1350 308.04) 80.6%, oklch(46.06% 0.1375 313.49) 83.9%, oklch(49.88% 0.1400 318.74) 87.1%, oklch(53.53% 0.1423 323.61) 90.3%, oklch(56.81% 0.1444 327.97) 93.5%, oklch(59.51% 0.1461 331.63) 96.8%, oklch(61.42% 0.1474 334.46) 100.0%);

In these collections

Galaxy gradients