Roxo para rosa (análogos) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #270060, #3e0079, #621b8f, #8d38a0, #ba53ae, #e16bb8, #fb7dbe. Edite e exporte CSS, SVG, PNG ou um shader.

2 quadros-chave OKLCH editáveis.

• #270060
• #3e0079
• #621b8f
• #8d38a0
• #ba53ae
• #e16bb8
• #fb7dbe

CSS

background: linear-gradient(90deg in oklch, oklch(25.23% 0.1431 289.64) 0.0%, oklch(31.24% 0.1697 296.91) 16.7%, oklch(40.01% 0.1772 307.53) 33.3%, oklch(50.20% 0.1750 319.80) 50.0%, oklch(60.38% 0.1728 332.07) 66.7%, oklch(69.18% 0.1708 342.67) 83.3%, oklch(75.20% 0.1695 349.92) 100.0%);

Nestas coleções

Gradientes de duas cores

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona