Yellow and orange gradient

Vivid analogous yellow to orange palette with 7 colors. #f9d961, #f9b549, #f7a23f, #f87b21, #f86c1b. Edit and export CSS, SVG, PNG or a shader.

7 colors, 3 editable OKLCH keyframes.

#f9d961
#faca55
#f9b549
#f7a23f
#f78e31
#f87b21
#f86c1b

CSS

background: linear-gradient(90deg in oklch, oklch(88.98% 0.1419 94.22) 0.0%, oklch(86.03% 0.1424 86.55) 16.7%, oklch(81.86% 0.1437 75.71) 33.3%, oklch(77.95% 0.1488 65.69) 50.0%, oklch(74.57% 0.1616 57.31) 66.7%, oklch(71.45% 0.1782 49.76) 83.3%, oklch(69.29% 0.1902 44.55) 100.0%);