Caramelo, preto, bege e cinza: gradiente linear

Gradiente linear, 7 cores a 90°: #e7c88c, #36101d, #c67b41, #ffe8a5, #dbd7b7, #b8bda4, #de8307. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #e7c88c
• #36101d
• #c67b41
• #ffe8a5
• #dbd7b7
• #b8bda4
• #de8307

CSS

background: linear-gradient(90deg in oklch, oklch(84.65% 0.0854 83.67) 0.0%, oklch(23.93% 0.0632 1.26) 16.7%, oklch(65.22% 0.1187 56.59) 33.3%, oklch(93.36% 0.0879 90.94) 50.0%, oklch(87.34% 0.0420 100.15) 66.7%, oklch(78.83% 0.0357 116.68) 83.3%, oklch(69.29% 0.1557 63.59) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona