Azul-marinho, turquesa e branco: gradiente linear

Gradiente linear, 7 cores a 90°: #07224a, #164f7d, #0d8da6, #3c998a, #6c7c4f, #98806b, #f3efe8. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #07224a
• #164f7d
• #0d8da6
• #3c998a
• #6c7c4f
• #98806b
• #f3efe8

CSS

background: linear-gradient(90deg in oklch, oklch(25.98% 0.0813 258.05) 0.0%, oklch(41.51% 0.0956 247.48) 16.7%, oklch(59.29% 0.1033 216.40) 33.3%, oklch(62.28% 0.0908 180.64) 50.0%, oklch(56.10% 0.0676 124.15) 66.7%, oklch(61.62% 0.0433 62.49) 83.3%, oklch(95.28% 0.0096 81.57) 100.0%);

Nestas coleções

Gradientes de altitude

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona