Branco, azul-claro e cinza: amostras lineares

Amostras lineares, 5 cores a 90°: #f9fefc, #f1f8f5, #e3f0ed, #d1e4e4, #c1dadd. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #f9fefc
• #f1f8f5
• #e3f0ed
• #d1e4e4
• #c1dadd

CSS

background: linear-gradient(90deg, oklch(99.21% 0.0055 165.94) 0.000% 20.000%, oklch(97.32% 0.0089 172.34) 20.000% 40.000%, oklch(94.49% 0.0138 181.79) 40.000% 60.000%, oklch(90.45% 0.0205 194.93) 60.000% 80.000%, oklch(87.01% 0.0262 206.09) 80.000% 100.000%);

Nestas coleções

Amostras brancasGradientes verdesAmostras em azul frio

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona