Azul-claro e azul em tons frios sem emendas: gradiente linear

Gradiente linear, 7 cores a 90°: #cbe5fb, #88c0fd, #3e87fb, #0d66f7, #008fea, #6cc6eb, #c2e4ec. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #cbe5fb
• #88c0fd
• #3e87fb
• #0d66f7
• #008fea
• #6cc6eb
• #c2e4ec

CSS

background: linear-gradient(90deg in oklch, oklch(90.94% 0.0413 243.98) 0.0%, oklch(79.31% 0.1044 250.79) 16.7%, oklch(63.78% 0.1885 259.48) 33.3%, oklch(55.91% 0.2301 260.89) 50.0%, oklch(63.34% 0.1695 247.75) 66.7%, oklch(78.43% 0.1014 227.31) 83.3%, oklch(89.76% 0.0372 212.28) 100.0%);

Nestas coleções

Gradientes azuis

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona