Roxo para azul-marinho (análogos) em tons apagados: gradiente linear

Gradiente linear, 7 cores a 90°: #514f6e, #413d57, #2f2b42, #1f2035, #1a2034, #202b3e, #2d3b50. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #514f6e
• #413d57
• #2f2b42
• #1f2035
• #1a2034
• #202b3e
• #2d3b50

CSS

background: linear-gradient(90deg in oklch, oklch(44.09% 0.0510 287.58) 0.0%, oklch(37.53% 0.0454 292.08) 16.7%, oklch(30.50% 0.0413 290.79) 33.3%, oklch(25.20% 0.0400 282.29) 50.0%, oklch(24.76% 0.0387 269.73) 66.7%, oklch(28.73% 0.0393 261.12) 83.3%, oklch(35.04% 0.0413 257.99) 100.0%);

Nestas coleções

Gradientes para UI em modo escuro

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona