Verde-oliva para verde (análogos) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #3e5600, #486400, #557700, #608900, #6c9a02, #79ad00, #83bb00. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #3e5600
• #486400
• #557700
• #608900
• #6c9a02
• #79ad00
• #83bb00

CSS

background: linear-gradient(90deg in oklch, oklch(41.73% 0.1060 125.87) 0.0%, oklch(46.38% 0.1186 126.34) 16.7%, oklch(52.36% 0.1349 126.93) 33.3%, oklch(57.75% 0.1500 127.52) 50.0%, oklch(62.99% 0.1640 127.97) 66.7%, oklch(68.38% 0.1789 128.04) 83.3%, oklch(72.44% 0.1894 127.98) 100.0%);

Nestas coleções

Gradientes de duas cores

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona