Plum orange amber gradient

Linear gradient, 7 colors at 90°: #403155, #823d3b, #bb4f2b, #e26827, #f88532, #fca651, #f0ca78. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#403155
#823d3b
#bb4f2b
#e26827
#f88532
#fca651
#f0ca78

CSS

background: linear-gradient(90deg in oklch, oklch(34.65% 0.0634 302.34) 0.0%, oklch(44.88% 0.0951 23.71) 16.7%, oklch(56.30% 0.1488 38.51) 33.3%, oklch(65.75% 0.1695 44.85) 50.0%, oklch(73.23% 0.1667 52.25) 66.7%, oklch(79.53% 0.1419 62.81) 83.3%, oklch(85.43% 0.1102 85.01) 100.0%);

In these collections

Orange and blue gradients