Azul-marinho, turquesa, verde e pêssego: gradiente linear

Gradiente linear, 7 cores a 135°: #0c3a60, #00687a, #0c9d9a, #3ec6b2, #82d6b5, #bbcba5, #dda895. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #0c3a60
• #00687a
• #0c9d9a
• #3ec6b2
• #82d6b5
• #bbcba5
• #dda895

CSS

background: linear-gradient(135deg in oklch, oklch(33.86% 0.0827 248.91) 0.0%, oklch(47.73% 0.0843 214.89) 16.7%, oklch(63.07% 0.1065 192.59) 33.3%, oklch(74.95% 0.1190 180.94) 50.0%, oklch(81.34% 0.0952 166.60) 66.7%, oklch(81.87% 0.0534 126.15) 83.3%, oklch(77.56% 0.0689 40.73) 100.0%);

Nestas coleções

Gradientes do litoral

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona