Rosa para amarelo (duotone) em tons vivos: gradiente linear

Gradiente linear, 6 cores a 45°: #f659da, #f54cc4, #fc67a4, #fe9c83, #ffc866, #ffd25b. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #f659da
• #f54cc4
• #fc67a4
• #fe9c83
• #ffc866
• #ffd25b

CSS

background: linear-gradient(45deg in oklch, oklch(71.26% 0.2356 335.39) 0.0%, oklch(68.90% 0.2356 341.73) 20.0%, oklch(71.65% 0.1902 357.58) 40.0%, oklch(78.74% 0.1240 34.57) 60.0%, oklch(86.22% 0.1309 80.01) 80.0%, oklch(88.19% 0.1440 88.47) 100.0%);

Nestas coleções

Gradientes em tons quentes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona