Violet Purple Near-Black Quiet Halo

Analogous lavender, blue and purple color palette

This radial gradient moves from the center outward through violet, muted purple, muted violet, blue, purple, vivid purple, purple, and near-black. Linear gradient, 32 colors at 135°: #b5a4d8, #9772ab, #8547be, #d67cff, #0e0008. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#b5a4d8
#b5a1d4
#b69dce
#b799c7
#b693bf
#b48db8
#af86b2
#a67dae
#9772ab
#8467a8
#6f5ca6
#5d54a5
#504ea5
#504ba9
#5b49b0
#6e47b8
#8547be
#9d47c1
#b049c2
#bd4cc6
#c756d2
#d063e3
#d670f5
#d67cff
#d17fff
#c678f0
#b065cc
#8f4b9b
#682f68
#42163c
#22041b
#0e0008

CSS

background: linear-gradient(135deg in oklch, oklch(75.20% 0.0758 299.53) 0.0%, oklch(74.46% 0.0756 302.81) 3.2%, oklch(73.56% 0.0748 307.96) 6.5%, oklch(72.44% 0.0741 313.81) 9.7%, oklch(71.07% 0.0741 319.22) 12.9%, oklch(69.40% 0.0755 323.02) 16.1%, oklch(67.38% 0.0789 324.06) 19.4%, oklch(64.67% 0.0850 320.93) 22.6%, oklch(60.96% 0.0934 313.61) 25.8%, oklch(56.79% 0.1034 304.02) 29.0%, oklch(52.73% 0.1144 294.09) 32.3%, oklch(49.35% 0.1257 285.76) 35.5%, oklch(47.22% 0.1365 280.99) 38.7%, oklch(46.83% 0.1468 281.51) 41.9%, oklch(47.99% 0.1584 286.89) 45.2%, oklch(50.22% 0.1704 295.36) 48.4%, oklch(53.08% 0.1819 305.13) 51.6%, oklch(56.12% 0.1920 314.42) 54.8%, oklch(58.89% 0.1996 321.45) 58.1%, oklch(61.15% 0.2040 324.56) 61.3%, oklch(64.29% 0.2068 324.10) 64.5%, oklch(67.95% 0.2081 321.39) 67.7%, oklch(71.25% 0.2071 317.66) 71.0%, oklch(73.34% 0.2005 314.14) 74.2%, oklch(73.34% 0.1931 312.04) 77.4%, oklch(70.36% 0.1847 312.58) 80.6%, oklch(63.18% 0.1660 315.95) 83.9%, oklch(52.70% 0.1411 321.21) 87.1%, oklch(40.59% 0.1134 327.45) 90.3%, oklch(28.51% 0.0862 333.75) 93.5%, oklch(18.10% 0.0629 339.19) 96.8%, oklch(11.02% 0.0469 342.86) 100.0%);

In these collections

Purple and pink gradients