Caramelo, roxo e azul-marinho: gradiente linear

Gradiente linear, 7 cores a 90°: #c4cf79, #e9a294, #a28db7, #534e77, #291b45, #4d2a5a, #864874. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #c4cf79
• #e9a294
• #a28db7
• #534e77
• #291b45
• #4d2a5a
• #864874

CSS

background: linear-gradient(90deg in oklch, oklch(82.68% 0.1102 114.61) 0.0%, oklch(77.78% 0.0868 31.85) 16.7%, oklch(67.72% 0.0648 307.64) 33.3%, oklch(44.69% 0.0658 288.69) 50.0%, oklch(26.38% 0.0758 296.02) 66.7%, oklch(35.21% 0.0896 316.96) 83.3%, oklch(49.21% 0.1020 339.35) 100.0%);

Nestas coleções

Interface de vidro iridescente

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona