Cinza, azul-marinho, turquesa e branco (análogos): gradiente linear

Gradiente linear, 7 cores a 90°: #a88d80, #687f6b, #667f89, #87919d, #303952, #365e62, #f5eee3. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #a88d80
• #687f6b
• #667f89
• #87919d
• #303952
• #365e62
• #f5eee3

CSS

background: linear-gradient(90deg in oklch, oklch(66.54% 0.0372 47.81) 0.0%, oklch(57.13% 0.0395 147.85) 16.7%, oklch(58.06% 0.0322 222.84) 33.3%, oklch(65.35% 0.0207 250.71) 50.0%, oklch(34.76% 0.0460 268.71) 66.7%, oklch(45.44% 0.0452 203.27) 83.3%, oklch(95.28% 0.0165 79.52) 100.0%);

Nestas coleções

Amostras elegantes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona