Vermelho para magenta (análogos) em tons vivos: gradiente linear

Gradiente linear, 4 cores a 90°: #de2e47, #e22860, #d82a84, #c335a1. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #de2e47
• #e22860
• #d82a84
• #c335a1

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.2094 19.69) 0.0%, oklch(59.76% 0.2180 10.33) 33.3%, oklch(59.32% 0.2180 355.46) 66.7%, oklch(57.87% 0.2094 339.53) 100.0%);

Nestas coleções

Gradientes para seção hero

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona