Analogous brown, orange and yellow linear gradient

Analogous brown, orange and yellow palette with 7 colors. #313511, #845e05, #b0770c, #f1b834, #ffd551. Edit and export CSS, SVG, PNG or a shader.

7 colors, 4 editable OKLCH keyframes.

#313511
#52470b
#845e05
#b0770c
#d69519
#f1b834
#ffd551

CSS

background: linear-gradient(90deg in oklch, oklch(31.50% 0.0551 115.31) 0.0%, oklch(39.84% 0.0766 98.14) 16.7%, oklch(50.79% 0.1033 80.44) 33.3%, oklch(61.37% 0.1263 75.22) 50.0%, oklch(71.65% 0.1447 76.21) 66.7%, oklch(81.42% 0.1528 83.35) 83.3%, oklch(88.58% 0.1527 91.01) 100.0%);