Azul para verde-claro (duotone) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #7c86ff, #68a5ff, #62c5ff, #63e5fb, #75ffce, #89fe9e, #abff72. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #7c86ff
• #68a5ff
• #62c5ff
• #63e5fb
• #75ffce
• #89fe9e
• #abff72

CSS

background: linear-gradient(90deg in oklch, oklch(66.93% 0.1769 277.03) 0.0%, oklch(72.05% 0.1461 258.01) 16.7%, oklch(78.74% 0.1241 236.87) 33.3%, oklch(85.83% 0.1171 210.46) 50.0%, oklch(90.94% 0.1406 167.13) 66.7%, oklch(90.55% 0.1695 148.11) 83.3%, oklch(91.73% 0.1924 134.37) 100.0%);

Nestas coleções

Gradientes em azul e verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona