Monochrome lavender to purple linear gradient

Monochrome lavender to purple palette with 32 colors. #d8b1e3, #bf81e0, #9a51d4, #7634c1, #522aa6. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#d8b1e3
#d6ade3
#d4a9e3
#d2a3e2
#cf9de2
#cb96e2
#c78fe2
#c388e1
#bf81e0
#bb7ae0
#b673df
#b26edd
#ad68dc
#a862da
#a45cd8
#9f57d6
#9a51d4
#954cd2
#9047cf
#8b42cd
#863eca
#813ac8
#7b37c5
#7634c1
#7032be
#6b30ba
#662fb6
#612db2
#5c2cae
#582cab
#552ba8
#522aa6

CSS

background: linear-gradient(0deg in oklch, oklch(81.10% 0.0813 318.52) 0.0%, oklch(80.27% 0.0865 318.10) 3.2%, oklch(79.20% 0.0933 317.57) 6.5%, oklch(77.94% 0.1016 316.94) 9.7%, oklch(76.52% 0.1107 316.24) 12.9%, oklch(74.99% 0.1205 315.48) 16.1%, oklch(73.39% 0.1306 314.67) 19.4%, oklch(71.75% 0.1405 313.84) 22.6%, oklch(70.11% 0.1500 313.01) 25.8%, oklch(68.52% 0.1586 312.18) 29.0%, oklch(67.01% 0.1660 311.38) 32.3%, oklch(65.59% 0.1721 310.61) 35.5%, oklch(64.14% 0.1779 309.85) 38.7%, oklch(62.67% 0.1833 309.09) 41.9%, oklch(61.19% 0.1883 308.33) 45.2%, oklch(59.71% 0.1929 307.55) 48.4%, oklch(58.25% 0.1969 306.76) 51.6%, oklch(56.82% 0.2005 305.94) 54.8%, oklch(55.42% 0.2034 305.10) 58.1%, oklch(54.07% 0.2057 304.22) 61.3%, oklch(52.79% 0.2074 303.30) 64.5%, oklch(51.57% 0.2083 302.33) 67.7%, oklch(50.36% 0.2080 301.24) 71.0%, oklch(49.16% 0.2066 300.02) 74.2%, oklch(47.99% 0.2044 298.74) 77.4%, oklch(46.85% 0.2015 297.42) 80.6%, oklch(45.76% 0.1983 296.11) 83.9%, oklch(44.75% 0.1949 294.84) 87.1%, oklch(43.83% 0.1916 293.66) 90.3%, oklch(43.00% 0.1887 292.61) 93.5%, oklch(42.30% 0.1863 291.72) 96.8%, oklch(41.73% 0.1846 291.04) 100.0%);

In these collections

Discord server banner gradients