Turquesa, azul-claro e branco (análogos): gradiente linear

Gradiente linear, 6 cores a 180°: #0f3f46, #216a7b, #4195b3, #74bbde, #badafb, #f9f7ff. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #0f3f46
• #216a7b
• #4195b3
• #74bbde
• #badafb
• #f9f7ff

CSS

background: linear-gradient(180deg in oklch, oklch(33.86% 0.0510 210.23) 0.0%, oklch(48.80% 0.0746 215.83) 20.0%, oklch(63.15% 0.0918 223.74) 40.0%, oklch(75.89% 0.0876 230.69) 60.0%, oklch(87.64% 0.0573 248.92) 80.0%, oklch(98.03% 0.0103 294.79) 100.0%);

Nestas coleções

Gradientes ciano

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona