Blue, purple and brown angular gradient

Angular gradient, 32 colors at 30°: #4444aa, #4c2791, #5a2376, #653a5d, #6e6247. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#4444aa
#4542a8
#453ea5
#463aa2
#47359f
#48319b
#492d98
#4b2a94
#4c2791
#4d258e
#4f238a
#502187
#522083
#542080
#56217c
#582179
#5a2376
#5c2472
#5e276e
#61296a
#622d67
#633163
#633660
#653a5d
#673e59
#694255
#6d4650
#714b4a
#725146
#725844
#705e45
#6e6247

CSS

background: conic-gradient(from 30deg in oklch, oklch(44.88% 0.1585 277.73) 0.0%, oklch(44.32% 0.1592 278.93) 3.2%, oklch(43.51% 0.1604 280.55) 6.5%, oklch(42.57% 0.1617 282.48) 9.7%, oklch(41.58% 0.1629 284.61) 12.9%, oklch(40.66% 0.1638 286.80) 16.1%, oklch(39.89% 0.1640 288.95) 19.4%, oklch(39.30% 0.1636 291.00) 22.6%, oklch(38.77% 0.1629 293.10) 25.8%, oklch(38.31% 0.1618 295.24) 29.0%, oklch(37.93% 0.1603 297.45) 32.3%, oklch(37.64% 0.1582 299.74) 35.5%, oklch(37.45% 0.1556 302.12) 38.7%, oklch(37.36% 0.1523 304.56) 41.9%, oklch(37.38% 0.1488 306.97) 45.2%, oklch(37.49% 0.1447 309.42) 48.4%, oklch(37.68% 0.1400 312.01) 51.6%, oklch(37.97% 0.1346 314.81) 54.8%, oklch(38.33% 0.1283 317.94) 58.1%, oklch(38.77% 0.1208 321.34) 61.3%, oklch(39.29% 0.1113 324.10) 64.5%, oklch(39.90% 0.1004 326.62) 67.7%, oklch(40.59% 0.0889 329.67) 71.0%, oklch(41.36% 0.0778 334.01) 74.2%, oklch(42.20% 0.0681 340.39) 77.4%, oklch(43.10% 0.0607 349.63) 80.6%, oklch(44.22% 0.0553 3.53) 83.9%, oklch(45.51% 0.0512 21.12) 87.1%, oklch(46.86% 0.0482 40.26) 90.3%, oklch(48.14% 0.0460 58.83) 93.5%, oklch(49.23% 0.0443 74.71) 96.8%, oklch(50.00% 0.0427 85.76) 100.0%);

In these collections

Moody gradients