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

Gradiente linear, 6 cores a 225°: #8dd1dc, #69c5e4, #4bb0e4, #309bcf, #1a88bf, #107ab6. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #8dd1dc
• #69c5e4
• #4bb0e4
• #309bcf
• #1a88bf
• #107ab6

CSS

background: linear-gradient(225deg in oklch, oklch(81.89% 0.0703 208.12) 0.0%, oklch(77.74% 0.0983 223.14) 20.0%, oklch(72.02% 0.1194 234.19) 40.0%, oklch(65.38% 0.1208 234.14) 60.0%, oklch(59.66% 0.1237 237.48) 80.0%, oklch(55.51% 0.1268 241.94) 100.0%);

Nestas coleções

Gradientes do oceano

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona