Analogous dark green to beige linear gradient

Linear gradient, 32 colors at 180°: #003e1f, #396035, #819459, #c4c27f, #fbe7a2. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#003e1f
#054121
#0c4423
#144825
#1b4c28
#22502b
#29552e
#315b31
#396035
#416638
#496c3c
#527241
#5b7945
#647f4a
#6e864f
#778d54
#819459
#8b9b5e
#94a264
#9ea869
#a8af6f
#b1b674
#babc7a
#c4c27f
#ccc884
#d4ce8a
#dcd38f
#e4d893
#eadd98
#f1e19c
#f6e49f
#fbe7a2

CSS

background: linear-gradient(180deg in oklch, oklch(31.90% 0.0794 154.62) 0.0%, oklch(32.97% 0.0801 153.62) 3.2%, oklch(34.22% 0.0803 152.38) 6.5%, oklch(35.64% 0.0805 150.98) 9.7%, oklch(37.22% 0.0808 149.43) 12.9%, oklch(38.94% 0.0810 147.73) 16.1%, oklch(40.78% 0.0813 145.91) 19.4%, oklch(42.74% 0.0816 143.97) 22.6%, oklch(44.81% 0.0820 141.93) 25.8%, oklch(46.97% 0.0823 139.80) 29.0%, oklch(49.21% 0.0827 137.59) 32.3%, oklch(51.52% 0.0830 135.32) 35.5%, oklch(53.88% 0.0834 132.98) 38.7%, oklch(56.28% 0.0838 130.61) 41.9%, oklch(58.72% 0.0842 128.21) 45.2%, oklch(61.17% 0.0845 125.78) 48.4%, oklch(63.63% 0.0849 123.36) 51.6%, oklch(66.09% 0.0853 120.93) 54.8%, oklch(68.52% 0.0857 118.53) 58.1%, oklch(70.93% 0.0861 116.16) 61.3%, oklch(73.29% 0.0865 113.82) 64.5%, oklch(75.59% 0.0868 111.55) 67.7%, oklch(77.83% 0.0872 109.34) 71.0%, oklch(79.99% 0.0875 107.21) 74.2%, oklch(82.06% 0.0879 105.17) 77.4%, oklch(84.02% 0.0882 103.23) 80.6%, oklch(85.87% 0.0885 101.41) 83.9%, oklch(87.58% 0.0887 99.71) 87.1%, oklch(89.16% 0.0890 98.16) 90.3%, oklch(90.58% 0.0892 96.76) 93.5%, oklch(91.84% 0.0894 95.52) 96.8%, oklch(92.91% 0.0896 94.45) 100.0%);

In these collections

Two color gradients Desktop wallpaper gradients