Cinza, azul e azul-claro: amostras lineares

Amostras lineares, 6 cores a 90°: #ecf3f8, #add4ee, #5488dd, #4c6c8a, #5db6ca, #c5e6e6. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #ecf3f8
• #add4ee
• #5488dd
• #4c6c8a
• #5db6ca
• #c5e6e6

CSS

background: linear-gradient(90deg, oklch(96.06% 0.0096 237.66) 0.000% 16.667%, oklch(85.04% 0.0551 237.66) 16.667% 33.333%, oklch(62.99% 0.1406 259.85) 33.333% 50.000%, oklch(51.97% 0.0606 247.17) 50.000% 66.667%, oklch(72.83% 0.0896 214.41) 66.667% 83.333%, oklch(90.16% 0.0344 195.39) 83.333% 100.000%);

Nestas coleções

Azul frioAmostras azuisAmostras em tons friosAmostras em azul frio

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona