Violet Purple Magenta Halo

Analogous lavender, purple and pink color palette

This radial gradient moves from the center outward through pale violet, muted purple, violet, deep purple, purple, pale violet, and pale magenta. Linear gradient, 32 colors at 135°: #cfb7e2, #4e0755, #691c6c, #a363c8, #fdcee4. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#cfb7e2
#bea2cf
#a582b1
#895e8e
#6e3c6d
#581f53
#4a0844
#480045
#4e0755
#59196f
#642d8d
#6d3fa7
#734bb7
#754ab6
#753ea5
#712e89
#691c6c
#610d53
#5d0546
#610b48
#6e1a5a
#802f7a
#9248a1
#a363c8
#b27be9
#c08efb
#d09cff
#e2a7fc
#efb2f3
#f8bceb
#fbc6e5
#fdcee4

CSS

background: linear-gradient(135deg in oklch, oklch(81.50% 0.0648 310.08) 0.0%, oklch(75.11% 0.0706 313.02) 3.2%, oklch(65.59% 0.0788 317.61) 6.5%, oklch(54.59% 0.0885 322.83) 9.7%, oklch(43.72% 0.0988 327.71) 12.9%, oklch(34.63% 0.1090 331.23) 16.1%, oklch(28.93% 0.1182 332.40) 19.4%, oklch(27.91% 0.1268 329.97) 22.6%, oklch(30.77% 0.1361 323.88) 25.8%, oklch(36.01% 0.1455 315.85) 29.0%, oklch(42.14% 0.1539 307.60) 32.3%, oklch(47.67% 0.1606 300.89) 35.5%, oklch(51.12% 0.1647 297.46) 38.7%, oklch(51.16% 0.1650 299.05) 41.9%, oklch(48.23% 0.1609 305.76) 45.2%, oklch(43.61% 0.1539 315.57) 48.4%, oklch(38.58% 0.1458 326.37) 51.6%, oklch(34.40% 0.1384 336.04) 54.8%, oklch(32.35% 0.1334 342.47) 58.1%, oklch(33.65% 0.1327 343.59) 61.3%, oklch(38.21% 0.1372 339.02) 64.5%, oklch(44.99% 0.1449 330.77) 67.7%, oklch(52.97% 0.1535 320.98) 71.0%, oklch(61.11% 0.1604 311.81) 74.2%, oklch(68.36% 0.1634 305.41) 77.4%, oklch(73.74% 0.1599 303.91) 80.6%, oklch(77.83% 0.1468 307.68) 83.9%, oklch(81.24% 0.1310 315.05) 87.1%, oklch(84.07% 0.1106 324.40) 90.3%, oklch(86.37% 0.0902 334.11) 93.5%, oklch(88.25% 0.0726 342.56) 96.8%, oklch(89.76% 0.0606 348.12) 100.0%);

In these collections

Purple and pink gradients