Orange violet gradient

Vivid duotone orange to purple color palette

Linear gradient, 5 colors at 90°: #f65c00, #da4a32, #ba3371, #9b16ae, #7f00e9. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f65c00
#da4a32
#ba3371
#9b16ae
#7f00e9

CSS

background: linear-gradient(90deg in oklch, oklch(66.93% 0.2040 41.47) 0.0%, oklch(60.63% 0.1846 31.97) 25.0%, oklch(54.33% 0.1791 357.10) 50.0%, oklch(50.39% 0.2260 322.23) 75.0%, oklch(50.79% 0.2742 297.92) 100.0%);

In these collections

Orange and purple gradients