Laranja, caramelo e cinza (análogos): gradiente linear

Gradiente linear, 7 cores a 90°: #cf673e, #d77a50, #d69262, #c9a378, #b29d7f, #998875, #827065. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #cf673e
• #d77a50
• #d69262
• #c9a378
• #b29d7f
• #998875
• #827065

CSS

background: linear-gradient(90deg in oklch, oklch(62.99% 0.1433 41.48) 0.0%, oklch(67.38% 0.1292 44.30) 16.7%, oklch(71.70% 0.1044 54.67) 33.3%, oklch(74.02% 0.0730 70.02) 50.0%, oklch(70.62% 0.0489 76.20) 66.7%, oklch(63.75% 0.0342 69.12) 83.3%, oklch(55.91% 0.0289 53.11) 100.0%);

Nestas coleções

Gradientes laranja

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona