Azul-marinho, roxo, rosa e laranja em tons vivos: gradiente linear

Gradiente linear, 5 cores a 90°: #1f145d, #5935a9, #d33c9a, #ff685a, #ffc54e. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #1f145d
• #5935a9
• #d33c9a
• #ff685a
• #ffc54e

CSS

background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(44.09% 0.1750 291.82) 25.0%, oklch(60.63% 0.2067 346.77) 50.0%, oklch(70.47% 0.1871 27.98) 75.0%, oklch(85.43% 0.1471 81.88) 100.0%);

Nestas coleções

Gradientes brilhantesGradientes de verão

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona