Branco, azul e cinza: gradiente linear

Gradiente linear, 7 cores a 90°: #ffffff, #a7cfb3, #309fbe, #79b0d2, #a9c3d3, #6b899d, #244e68. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #ffffff
• #a7cfb3
• #309fbe
• #79b0d2
• #a9c3d3
• #6b899d
• #244e68

CSS

background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(81.74% 0.0574 154.66) 16.7%, oklch(65.35% 0.1061 221.04) 33.3%, oklch(73.15% 0.0758 235.83) 50.0%, oklch(80.31% 0.0358 234.77) 66.7%, oklch(61.37% 0.0459 237.75) 83.3%, oklch(40.55% 0.0648 239.00) 100.0%);

Nestas coleções

Gradientes de gelo

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona