Azul, cinza, turquesa e roxo: gradiente linear

Gradiente linear, 7 cores a 90°: #003478, #6498ad, #90aec0, #6874a0, #2f7f8d, #235f83, #4d1833. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #003478
• #6498ad
• #90aec0
• #6874a0
• #2f7f8d
• #235f83
• #4d1833

CSS

background: linear-gradient(90deg in oklch, oklch(34.25% 0.1268 258.05) 0.0%, oklch(65.05% 0.0635 225.80) 16.7%, oklch(73.48% 0.0416 233.59) 33.3%, oklch(56.69% 0.0689 271.78) 50.0%, oklch(55.48% 0.0794 211.12) 66.7%, oklch(46.43% 0.0849 238.87) 83.3%, oklch(30.31% 0.0868 352.10) 100.0%);

Nestas coleções

Gradientes em rosa e turquesa

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona