Azul para verde (análogos) em tons pastel: gradiente linear

Gradiente linear, 7 cores a 90°: #d7f0ff, #bce5ff, #9ed6f8, #88caeb, #a6dfd9, #b0dfc6, #8dd0aa. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #d7f0ff
• #bce5ff
• #9ed6f8
• #88caeb
• #a6dfd9
• #b0dfc6
• #8dd0aa

CSS

background: linear-gradient(90deg in oklch, oklch(94.09% 0.0330 235.53) 0.0%, oklch(90.19% 0.0560 235.10) 16.7%, oklch(84.95% 0.0752 235.43) 33.3%, oklch(80.71% 0.0813 230.26) 50.0%, oklch(86.29% 0.0588 187.76) 66.7%, oklch(86.41% 0.0608 161.30) 83.3%, oklch(80.31% 0.0882 158.40) 100.0%);

Nestas coleções

Amostras em azul e verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona