Roxo, pêssego, bege e rosa: gradiente linear

Gradiente linear, 7 cores a 90°: #014374, #b73e43, #e48f44, #ffc397, #d3cd9a, #77a8c1, #ee8490. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #014374
• #b73e43
• #e48f44
• #ffc397
• #d3cd9a
• #77a8c1
• #ee8490

CSS

background: linear-gradient(90deg in oklch, oklch(37.40% 0.1020 248.91) 0.0%, oklch(53.83% 0.1566 21.66) 16.7%, oklch(72.46% 0.1361 59.47) 33.3%, oklch(86.07% 0.0899 57.13) 50.0%, oklch(84.11% 0.0685 102.60) 66.7%, oklch(70.49% 0.0639 231.13) 83.3%, oklch(73.23% 0.1295 13.96) 100.0%);

Nestas coleções

Gradientes em laranja e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona