Marrom, pêssego, turquesa e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #9c4b1c, #e2967f, #c5bb75, #288aa6, #314764, #2a3a52, #2b5475. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #9c4b1c
• #e2967f
• #c5bb75
• #288aa6
• #314764
• #2a3a52
• #2b5475

CSS

background: linear-gradient(90deg in oklch, oklch(50.79% 0.1226 47.11) 0.0%, oklch(74.37% 0.0989 37.48) 16.7%, oklch(78.38% 0.0911 100.65) 33.3%, oklch(59.06% 0.0965 221.47) 50.0%, oklch(39.47% 0.0568 255.64) 66.7%, oklch(34.49% 0.0473 257.95) 83.3%, oklch(43.31% 0.0717 244.72) 100.0%);

Nestas coleções

Gradientes em laranja e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona