Caramelo, azul-marinho, marrom e cinza: gradiente linear

Gradiente linear, 7 cores a 90°: #c9b98b, #1a3d40, #683f5c, #845931, #88855a, #bdd2b7, #90a194. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #c9b98b
• #1a3d40
• #683f5c
• #845931
• #88855a
• #bdd2b7
• #90a194

CSS

background: linear-gradient(90deg in oklch, oklch(78.74% 0.0634 91.41) 0.0%, oklch(33.46% 0.0403 204.25) 16.7%, oklch(42.74% 0.0703 338.92) 33.3%, oklch(50.10% 0.0791 61.97) 50.0%, oklch(60.79% 0.0610 104.56) 66.7%, oklch(84.04% 0.0433 138.82) 83.3%, oklch(69.29% 0.0276 150.94) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona