Azul-escuro para roxo (análogos) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #290f65, #321678, #412292, #5334ab, #6b4ac5, #896ade, #a385f0. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #290f65
• #321678
• #412292
• #5334ab
• #6b4ac5
• #896ade
• #a385f0

CSS

background: linear-gradient(90deg in oklch, oklch(27.56% 0.1364 287.58) 0.0%, oklch(31.40% 0.1522 287.38) 16.7%, oklch(37.01% 0.1695 287.58) 33.3%, oklch(43.58% 0.1794 288.90) 50.0%, oklch(51.18% 0.1819 290.75) 66.7%, oklch(60.93% 0.1696 293.06) 83.3%, oklch(68.90% 0.1557 294.98) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona