De verde a beige (análogos) en degradado lineal

De verde a beige (análogos): paleta de colores

Degradado lineal, 32 colores a 135°: #37633b, #89923c, #d1bd5e, #f6d88c, #f5e9cc. Edita y exporta CSS, SVG, PNG o un shader.

5 fotogramas clave OKLCH editables.

#37633b
#3c673b
#446c3c
#4e723c
#59793c
#66803b
#72863b
#7e8d3b
#89923c
#93983e
#9d9d41
#a6a345
#b0a949
#b9ae4e
#c1b353
#c9b858
#d1bd5e
#d8c164
#dec66a
#e4ca70
#eace77
#eed27e
#f2d585
#f6d88c
#f8dc94
#f9de9d
#f9e1a7
#f8e3b0
#f7e5b9
#f6e7c0
#f6e8c7
#f5e9cc

CSS

background: linear-gradient(135deg in oklch, oklch(45.67% 0.0813 146.25) 0.0%, oklch(47.07% 0.0838 143.70) 3.2%, oklch(48.95% 0.0872 140.18) 6.5%, oklch(51.19% 0.0913 135.98) 9.7%, oklch(53.66% 0.0958 131.40) 12.9%, oklch(56.26% 0.1003 126.71) 16.1%, oklch(58.85% 0.1045 122.20) 19.4%, oklch(61.30% 0.1081 118.16) 22.6%, oklch(63.53% 0.1108 114.85) 25.8%, oklch(65.68% 0.1130 112.02) 29.0%, oklch(67.83% 0.1150 109.47) 32.3%, oklch(69.97% 0.1166 107.16) 35.5%, oklch(72.06% 0.1178 105.06) 38.7%, oklch(74.09% 0.1186 103.12) 41.9%, oklch(76.04% 0.1190 101.30) 45.2%, oklch(77.87% 0.1188 99.55) 48.4%, oklch(79.58% 0.1181 97.86) 51.6%, oklch(81.21% 0.1171 96.25) 54.8%, oklch(82.77% 0.1157 94.75) 58.1%, oklch(84.24% 0.1138 93.37) 61.3%, oklch(85.62% 0.1114 92.12) 64.5%, oklch(86.90% 0.1085 91.03) 67.7%, oklch(88.07% 0.1048 90.10) 71.0%, oklch(89.12% 0.1004 89.34) 74.2%, oklch(90.06% 0.0949 88.81) 77.4%, oklch(90.86% 0.0876 88.54) 80.6%, oklch(91.55% 0.0792 88.48) 83.9%, oklch(92.13% 0.0702 88.57) 87.1%, oklch(92.63% 0.0613 88.75) 90.3%, oklch(93.05% 0.0531 88.95) 93.5%, oklch(93.40% 0.0463 89.12) 96.8%, oklch(93.70% 0.0413 89.19) 100.0%);

En estas colecciones

Paleta de colores verde oliva