Black plum lilac gradient

Linear gradient, 32 colors at 315°: #a286e7, #9852b9, #7a2672, #540f38, #29070d. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#a286e7
#a182e4
#a17de0
#a077db
#9e70d6
#9d69d0
#9c61c9
#9a59c1
#9852b9
#954ab1
#9344a8
#903ea0
#8c3897
#88338e
#842e85
#7f2a7c
#7a2672
#742269
#6f1e61
#6a1b58
#641850
#5f1548
#5a1240
#540f38
#4e0d30
#470c28
#410a21
#3b091c
#350917
#300812
#2c070f
#29070d

CSS

background: linear-gradient(315deg in oklch, oklch(68.50% 0.1419 296.02) 0.0%, oklch(67.59% 0.1437 297.35) 3.2%, oklch(66.42% 0.1464 299.05) 6.5%, oklch(65.04% 0.1498 301.07) 9.7%, oklch(63.50% 0.1535 303.32) 12.9%, oklch(61.83% 0.1572 305.77) 16.1%, oklch(60.07% 0.1609 308.33) 19.4%, oklch(58.25% 0.1640 310.95) 22.6%, oklch(56.43% 0.1665 313.56) 25.8%, oklch(54.64% 0.1680 316.10) 29.0%, oklch(52.91% 0.1683 318.50) 32.3%, oklch(51.26% 0.1672 320.75) 35.5%, oklch(49.57% 0.1651 322.93) 38.7%, oklch(47.84% 0.1620 325.08) 41.9%, oklch(46.10% 0.1581 327.21) 45.2%, oklch(44.34% 0.1536 329.35) 48.4%, oklch(42.57% 0.1486 331.51) 51.6%, oklch(40.82% 0.1432 333.72) 54.8%, oklch(39.09% 0.1376 335.99) 58.1%, oklch(37.39% 0.1319 338.34) 61.3%, oklch(35.73% 0.1263 340.80) 64.5%, oklch(34.11% 0.1208 343.40) 67.7%, oklch(32.44% 0.1146 346.33) 71.0%, oklch(30.72% 0.1078 349.54) 74.2%, oklch(28.98% 0.1005 352.93) 77.4%, oklch(27.26% 0.0930 356.41) 80.6%, oklch(25.59% 0.0855 359.86) 83.9%, oklch(24.01% 0.0782 3.18) 87.1%, oklch(22.56% 0.0715 6.28) 90.3%, oklch(21.26% 0.0654 9.04) 93.5%, oklch(20.16% 0.0604 11.37) 96.8%, oklch(19.29% 0.0565 13.16) 100.0%);

In these collections

Plum noir