Azul-claro, turquesa, rosa e roxo: gradiente linear

Gradiente linear, 8 cores a 90°: #8cdcd0, #5ec3be, #369d9f, #596f82, #835271, #aa3e6d, #ba4873, #7c234d. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #8cdcd0
• #5ec3be
• #369d9f
• #596f82
• #835271
• #aa3e6d
• #ba4873
• #7c234d

CSS

background: linear-gradient(90deg in oklch, oklch(83.86% 0.0799 184.22) 0.0%, oklch(75.59% 0.0951 190.56) 14.3%, oklch(63.78% 0.0923 196.90) 28.6%, oklch(53.15% 0.0400 243.40) 42.9%, oklch(50.39% 0.0785 341.67) 57.1%, oklch(52.76% 0.1488 356.47) 71.4%, oklch(56.69% 0.1530 359.64) 85.7%, oklch(40.94% 0.1295 355.41) 100.0%);

Nestas coleções

Gradientes em rosa e turquesa

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona