Preto, turquesa, azul e azul-claro: gradiente linear

Gradiente linear, 7 cores a 90°: #000904, #00778b, #2692d7, #044d73, #0a193c, #264c6a, #96e1da. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #000904
• #00778b
• #2692d7
• #044d73
• #0a193c
• #264c6a
• #96e1da

CSS

background: linear-gradient(90deg in oklch, oklch(12.24% 0.0270 161.74) 0.0%, oklch(52.39% 0.0926 215.08) 16.7%, oklch(63.39% 0.1390 242.66) 33.3%, oklch(40.16% 0.0896 239.56) 50.0%, oklch(22.32% 0.0704 263.95) 66.7%, oklch(40.22% 0.0669 245.08) 83.3%, oklch(85.83% 0.0744 188.84) 100.0%);

Nestas coleções

Amostras do oceano

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona