Analogous yellow, orange and brown linear gradient

Analogous yellow, orange and brown color palette

Linear gradient, 7 colors at 90°: #fcea7f, #fad55f, #f5b62d, #e19000, #b36400, #773805, #4d1d04. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#fcea7f
#fad55f
#f5b62d
#e19000
#b36400
#773805
#4d1d04

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.1295 99.84) 0.0%, oklch(88.29% 0.1415 92.02) 16.7%, oklch(81.35% 0.1568 80.90) 33.3%, oklch(72.05% 0.1558 70.24) 50.0%, oklch(58.02% 0.1354 60.52) 66.7%, oklch(41.63% 0.1047 51.31) 83.3%, oklch(29.92% 0.0799 44.89) 100.0%);

In these collections

Yellow gradients