Lavender violet sideward gradient

Linear gradient, 7 colors at 90°: #e7baf3, #d898f1, #bf6dec, #a24ae1, #832bd2, #621bbd, #4a17aa. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#e7baf3
#d898f1
#bf6dec
#a24ae1
#832bd2
#621bbd
#4a17aa

CSS

background: linear-gradient(90deg in oklch, oklch(84.65% 0.0923 319.22) 0.0%, oklch(77.21% 0.1408 316.11) 16.7%, oklch(67.72% 0.1943 311.82) 33.3%, oklch(59.13% 0.2225 307.46) 50.0%, oklch(51.18% 0.2343 302.31) 66.7%, oklch(44.24% 0.2223 294.85) 83.3%, oklch(39.37% 0.2053 288.57) 100.0%);

In these collections

Electric purple gradients