Verde-escuro para bege (análogos): gradiente linear

Gradiente linear, 7 cores a 90°: #18362c, #295040, #467458, #6b9669, #9ab479, #cacb94, #e9dcb2. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #18362c
• #295040
• #467458
• #6b9669
• #9ab479
• #cacb94
• #e9dcb2

CSS

background: linear-gradient(90deg in oklch, oklch(30.71% 0.0413 170.16) 0.0%, oklch(39.76% 0.0532 165.07) 16.7%, oklch(51.57% 0.0675 156.42) 33.3%, oklch(62.92% 0.0807 143.47) 50.0%, oklch(73.62% 0.0868 127.89) 66.7%, oklch(82.87% 0.0729 108.67) 83.3%, oklch(89.37% 0.0565 93.01) 100.0%);

Nestas coleções

Gradientes para seção hero

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona