Orange, yellow, green and blue linear gradient

Orange, yellow, green and blue palette with 7 colors. #dfa341, #e9c443, #e6dd50, #d4e768, #b8e088, #93caa9, #7da8bf. Edit and export CSS, SVG, PNG or a shader.

7 colors, 6 editable OKLCH keyframes.

#dfa341
#e9c443
#e6dd50
#d4e768
#b8e088
#93caa9
#7da8bf

CSS

background: linear-gradient(90deg in oklch, oklch(75.59% 0.1323 76.64) 0.0%, oklch(82.94% 0.1476 92.52) 16.7%, oklch(88.01% 0.1580 105.76) 33.3%, oklch(88.90% 0.1538 116.86) 50.0%, oklch(85.67% 0.1221 128.62) 66.7%, oklch(79.14% 0.0738 157.97) 83.3%, oklch(70.87% 0.0579 231.98) 100.0%);

In these collections

Yellow and blue gradients