Marrom, pêssego e bege (análogos): gradiente linear

Gradiente linear, 7 cores a 90°: #3d2417, #906e52, #e6be92, #deaa85, #c18a73, #cea68c, #e0c8b0. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #3d2417
• #906e52
• #e6be92
• #deaa85
• #c18a73
• #cea68c
• #e0c8b0

CSS

background: linear-gradient(90deg in oklch, oklch(28.74% 0.0441 47.81) 0.0%, oklch(56.62% 0.0592 60.56) 16.7%, oklch(82.68% 0.0744 70.00) 33.3%, oklch(77.73% 0.0791 56.66) 50.0%, oklch(68.11% 0.0758 43.59) 66.7%, oklch(75.47% 0.0593 54.09) 83.3%, oklch(84.65% 0.0427 67.89) 100.0%);

Nestas coleções

Gradientes bronze

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona