Salmão, caramelo, azul e turquesa: gradiente linear

Gradiente linear, 7 cores a 90°: #c84f44, #df7765, #e5a483, #d7b8a3, #9581b9, #00838e, #3c8c68. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #c84f44
• #df7765
• #e5a483
• #d7b8a3
• #9581b9
• #00838e
• #3c8c68

CSS

background: linear-gradient(90deg in oklch, oklch(58.66% 0.1571 28.13) 0.0%, oklch(68.39% 0.1332 31.02) 16.7%, oklch(77.27% 0.0897 47.62) 33.3%, oklch(80.31% 0.0455 55.60) 50.0%, oklch(64.17% 0.0852 300.38) 66.7%, oklch(55.60% 0.0951 205.67) 83.3%, oklch(57.87% 0.0965 161.98) 100.0%);

Nestas coleções

Amostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona