Amarelo e marrom (análogos) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #e7c949, #b4c365, #8dae6d, #887b3b, #8b5c25, #c59800, #def129. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #e7c949
• #b4c365
• #8dae6d
• #887b3b
• #8b5c25
• #c59800
• #def129

CSS

background: linear-gradient(90deg in oklch, oklch(83.86% 0.1461 95.62) 0.0%, oklch(78.57% 0.1214 117.02) 16.7%, oklch(70.87% 0.0965 130.50) 33.3%, oklch(57.92% 0.0853 97.94) 50.0%, oklch(51.57% 0.0937 67.09) 66.7%, oklch(70.25% 0.1436 87.42) 83.3%, oklch(91.34% 0.1998 115.70) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona