Rainbow from orange to purple linear gradient

Rainbow from orange to purple color palette

Linear gradient, 7 colors at 90°: #fd3858, #fda02a, #eae93c, #45d581, #2bc3ed, #3e5ce7, #a33ee6. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#fd3858
#fda02a
#eae93c
#45d581
#2bc3ed
#3e5ce7
#a33ee6

CSS

background: linear-gradient(90deg in oklch, oklch(65.35% 0.2287 18.28) 0.0%, oklch(78.35% 0.1626 65.84) 16.7%, oklch(90.55% 0.1805 109.16) 33.3%, oklch(77.56% 0.1709 153.55) 50.0%, oklch(75.98% 0.1323 222.23) 66.7%, oklch(53.94% 0.2122 268.73) 83.3%, oklch(58.27% 0.2411 307.83) 100.0%);

In these collections

Conic gradients