Azul-claro e azul em tons frios: gradiente linear

Gradiente linear, 7 cores a 90°: #bfddf2, #657e98, #8281c8, #99c4e4, #6db0c3, #4348bf, #9dc0d8. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #bfddf2
• #657e98
• #8281c8
• #99c4e4
• #6db0c3
• #4348bf
• #9dc0d8

CSS

background: linear-gradient(90deg in oklch, oklch(88.19% 0.0427 238.36) 0.0%, oklch(58.23% 0.0501 250.47) 16.7%, oklch(63.43% 0.1049 283.45) 33.3%, oklch(80.09% 0.0645 240.41) 50.0%, oklch(71.89% 0.0733 217.58) 66.7%, oklch(47.14% 0.1829 275.24) 83.3%, oklch(79.13% 0.0510 238.36) 100.0%);

Nestas coleções

Amostras azuis

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona