Tostado y verde oscuro (análogos) en tonos vivos en degradado lineal

Degradado lineal, 32 colores a 270°: #ffcf8c, #9f904f, #2c4c0c, #1b4802, #baa269. Edita y exporta CSS, SVG, PNG o un shader.

4 fotogramas clave OKLCH editables.

#ffcf8c
#ffc873
#f6c269
#e9bb66
#dab362
#cbab5d
#bca259
#ad9954
#9f904f
#91874a
#857f44
#79773d
#6c6f34
#5d662a
#4d5d20
#3d5416
#2c4c0c
#1b4505
#083f01
#003b05
#003809
#003a08
#034000
#1b4802
#315209
#485e15
#5f6b23
#767832
#8c8543
#9f9152
#af9b60
#baa269

CSS

background: linear-gradient(270deg in oklch, oklch(88.19% 0.1002 75.24) 0.0%, oklch(86.44% 0.1205 76.89) 3.2%, oklch(84.19% 0.1218 78.94) 6.5%, oklch(81.53% 0.1164 81.35) 9.7%, oklch(78.55% 0.1103 84.05) 12.9%, oklch(75.33% 0.1039 87.01) 16.1%, oklch(71.97% 0.0976 90.16) 19.4%, oklch(68.55% 0.0918 93.45) 22.6%, oklch(65.16% 0.0867 96.84) 25.8%, oklch(61.89% 0.0828 100.27) 29.0%, oklch(58.83% 0.0803 103.69) 32.3%, oklch(55.87% 0.0797 107.31) 35.5%, oklch(52.47% 0.0809 111.76) 38.7%, oklch(48.76% 0.0836 116.84) 41.9%, oklch(44.93% 0.0872 122.24) 45.2%, oklch(41.17% 0.0916 127.68) 48.4%, oklch(37.65% 0.0962 132.86) 51.6%, oklch(34.57% 0.1007 137.48) 54.8%, oklch(32.10% 0.1047 141.26) 58.1%, oklch(30.44% 0.0992 143.83) 61.3%, oklch(29.75% 0.0935 145.04) 64.5%, oklch(30.25% 0.0966 144.51) 67.7%, oklch(32.24% 0.1085 142.03) 71.0%, oklch(35.52% 0.1069 137.55) 74.2%, oklch(39.81% 0.1039 131.76) 77.4%, oklch(44.78% 0.1003 125.01) 80.6%, oklch(50.14% 0.0963 117.72) 83.9%, oklch(55.59% 0.0922 110.32) 87.1%, oklch(60.80% 0.0883 103.22) 90.3%, oklch(65.49% 0.0848 96.84) 93.5%, oklch(69.34% 0.0819 91.60) 96.8%, oklch(72.05% 0.0799 87.92) 100.0%);

En estas colecciones

Verde y dorado