Warm beige to brown linear gradient

Linear gradient, 32 colors at 180°: #f4e7ab, #debe6e, #af8236, #7c4f26, #422e28. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f4e7ab
#f2e4a6
#f0e1a1
#eedc9a
#ebd792
#e8d189
#e5cb80
#e1c577
#debe6e
#dab766
#d5b05e
#d0a957
#cba250
#c49a49
#be9242
#b78a3c
#af8236
#a87930
#a0722c
#996a28
#926326
#8b5c25
#845625
#7c4f26
#744927
#6c4429
#633f2a
#5b3a2a
#54362a
#4d332a
#473029
#422e28

CSS

background: linear-gradient(180deg in oklch, oklch(92.52% 0.0785 97.73) 0.0%, oklch(91.65% 0.0806 97.03) 3.2%, oklch(90.59% 0.0834 96.14) 6.5%, oklch(89.36% 0.0868 95.11) 9.7%, oklch(87.97% 0.0907 93.94) 12.9%, oklch(86.44% 0.0947 92.67) 16.1%, oklch(84.79% 0.0986 91.32) 19.4%, oklch(83.05% 0.1024 89.90) 22.6%, oklch(81.22% 0.1056 88.45) 25.8%, oklch(79.34% 0.1082 86.99) 29.0%, oklch(77.42% 0.1099 85.53) 32.3%, oklch(75.43% 0.1107 84.11) 35.5%, oklch(73.28% 0.1110 82.74) 38.7%, oklch(70.98% 0.1108 81.38) 41.9%, oklch(68.57% 0.1103 80.01) 45.2%, oklch(66.09% 0.1093 78.59) 48.4%, oklch(63.58% 0.1078 77.09) 51.6%, oklch(61.06% 0.1059 75.49) 54.8%, oklch(58.57% 0.1036 73.74) 58.1%, oklch(56.15% 0.1008 71.82) 61.3%, oklch(53.83% 0.0975 69.69) 64.5%, oklch(51.64% 0.0937 67.31) 67.7%, oklch(49.41% 0.0888 64.46) 71.0%, oklch(47.14% 0.0828 61.17) 74.2%, oklch(44.86% 0.0760 57.60) 77.4%, oklch(42.61% 0.0687 53.86) 80.6%, oklch(40.44% 0.0612 50.08) 83.9%, oklch(38.40% 0.0538 46.41) 87.1%, oklch(36.52% 0.0469 42.98) 90.3%, oklch(34.84% 0.0407 39.90) 93.5%, oklch(33.42% 0.0355 37.33) 96.8%, oklch(32.28% 0.0317 35.39) 100.0%);

In these collections

Oktoberfest Lemon blossom veranda