Azul-claro, ciano, preto e turquesa: gradiente linear

Gradiente linear, 7 cores a 90°: #8dd1dc, #a0fbff, #4cb3bd, #00222f, #002963, #005c9b, #0c9aa1. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #8dd1dc
• #a0fbff
• #4cb3bd
• #00222f
• #002963
• #005c9b
• #0c9aa1

CSS

background: linear-gradient(90deg in oklch, oklch(81.89% 0.0703 208.83) 0.0%, oklch(93.25% 0.0870 199.35) 16.7%, oklch(71.13% 0.0954 204.21) 33.3%, oklch(23.64% 0.0452 225.95) 50.0%, oklch(29.58% 0.1111 258.32) 66.7%, oklch(46.50% 0.1247 247.84) 83.3%, oklch(62.60% 0.1047 200.37) 100.0%);

Nestas coleções

Gradientes do oceano

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona