Azul-marinho, turquesa e azul-claro (análogos): gradiente linear

Gradiente linear, 7 cores a 90°: #0f2c67, #0b3070, #15507e, #318092, #63b0a4, #8cd0bc, #acd5d3. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #0f2c67
• #0b3070
• #15507e
• #318092
• #63b0a4
• #8cd0bc
• #acd5d3

CSS

background: linear-gradient(90deg in oklch, oklch(31.10% 0.1089 262.27) 0.0%, oklch(32.77% 0.1192 260.70) 16.7%, oklch(41.76% 0.0973 247.39) 33.3%, oklch(55.83% 0.0799 215.77) 50.0%, oklch(70.31% 0.0782 183.24) 66.7%, oklch(80.57% 0.0743 173.76) 83.3%, oklch(84.25% 0.0427 193.58) 100.0%);

Nestas coleções

Amostras em azul e turquesa

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona