Azul-marinho, azul e turquesa em tons vivos: gradiente linear

Gradiente linear, 8 cores a 225°: #000042, #000056, #010983, #062dba, #0161e9, #1ba1f9, #02e7eb, #61ffc5. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #000042
• #000056
• #010983
• #062dba
• #0161e9
• #1ba1f9
• #02e7eb
• #61ffc5

CSS

background: linear-gradient(225deg in oklch, oklch(17.32% 0.1185 264.38) 0.0%, oklch(20.51% 0.1417 264.39) 14.3%, oklch(28.35% 0.1860 264.38) 28.6%, oklch(39.76% 0.2191 264.38) 42.9%, oklch(53.54% 0.2191 260.15) 57.1%, oklch(68.50% 0.1667 245.35) 71.4%, oklch(84.25% 0.1433 196.74) 85.7%, oklch(90.15% 0.1568 165.04) 100.0%);

Nestas coleções

Gradientes azuis

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona