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

Gradiente linear, 7 cores a 45°: #0037a7, #2f37a0, #753d8e, #ba4779, #fa5465, #ff6857, #ff7b4c. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #0037a7
• #2f37a0
• #753d8e
• #ba4779
• #fa5465
• #ff6857
• #ff7b4c

CSS

background: linear-gradient(45deg in oklch, oklch(39.38% 0.1865 262.30) 0.0%, oklch(40.16% 0.1667 272.83) 16.7%, oklch(46.46% 0.1378 314.05) 33.3%, oklch(56.69% 0.1557 356.32) 50.0%, oklch(67.72% 0.2012 18.51) 66.7%, oklch(70.47% 0.1873 29.08) 83.3%, oklch(72.83% 0.1730 39.64) 100.0%);

Nestas coleções

Gradientes de pôr do sol

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona