Azul para azul-claro (monocromático) em tons vivos: gradiente linear

Gradiente linear, 4 cores a 270°: #0057b1, #0683d1, #29bcf9, #85ddfe. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #0057b1
• #0683d1
• #29bcf9
• #85ddfe

CSS

background: linear-gradient(270deg in oklch, oklch(46.85% 0.1598 255.96) 0.0%, oklch(59.06% 0.1516 246.43) 33.3%, oklch(74.80% 0.1447 232.69) 66.7%, oklch(85.43% 0.0965 224.23) 100.0%);

Nestas coleções

Gradientes azuis

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona