Teal, brown, olive and gray linear gradient

Teal, brown, olive and gray color palette

Linear gradient, 32 colors at 225°: #427876, #a1c38d, #986017, #7fd1ba, #607b73. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#427876
#48807b
#518b81
#5e9889
#6ca690
#7cb395
#8bbd97
#98c394
#a1c38d
#a6bc7d
#a9ad68
#a99b51
#a7873c
#a3742c
#9d6621
#995e1a
#986017
#996b18
#997e27
#959442
#8dab65
#84be88
#7fcba6
#7fd1ba
#7fcfbf
#7dc7bb
#7abbb1
#75aca3
#6f9d94
#698e85
#64837a
#607b73

CSS

background: linear-gradient(225deg in oklch, oklch(53.54% 0.0579 192.66) 0.0%, oklch(55.85% 0.0598 188.29) 3.2%, oklch(59.31% 0.0624 182.57) 6.5%, oklch(63.46% 0.0655 175.78) 9.7%, oklch(67.81% 0.0690 168.15) 12.9%, oklch(71.91% 0.0727 159.97) 16.1%, oklch(75.26% 0.0764 151.47) 19.4%, oklch(77.41% 0.0801 142.93) 22.6%, oklch(77.88% 0.0836 134.48) 25.8%, oklch(76.23% 0.0875 123.96) 29.0%, oklch(72.90% 0.0920 111.48) 32.3%, oklch(68.55% 0.0966 98.30) 35.5%, oklch(63.82% 0.1011 85.71) 38.7%, oklch(59.35% 0.1050 75.00) 41.9%, oklch(55.78% 0.1081 67.43) 45.2%, oklch(53.77% 0.1099 64.30) 48.4%, oklch(53.93% 0.1102 67.00) 51.6%, oklch(56.28% 0.1094 76.44) 54.8%, oklch(60.20% 0.1075 90.96) 58.1%, oklch(65.02% 0.1048 108.69) 61.3%, oklch(70.09% 0.1014 127.73) 64.5%, oklch(74.75% 0.0974 146.18) 67.7%, oklch(78.34% 0.0929 162.15) 71.0%, oklch(80.20% 0.0881 173.75) 74.2%, oklch(79.87% 0.0826 180.13) 77.4%, oklch(77.78% 0.0757 183.26) 80.6%, oklch(74.44% 0.0678 183.94) 83.9%, oklch(70.33% 0.0595 182.90) 87.1%, oklch(65.93% 0.0514 180.84) 90.3%, oklch(61.74% 0.0439 178.49) 93.5%, oklch(58.23% 0.0376 176.55) 96.8%, oklch(55.91% 0.0331 175.75) 100.0%);