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

Gradiente linear, 7 cores a 45°: #fa5fda, #f852c6, #ff61ad, #fe8892, #feb477, #ffd064, #fecf59. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #fa5fda
• #f852c6
• #ff61ad
• #fe8892
• #feb477
• #ffd064
• #fecf59

CSS

background: linear-gradient(45deg in oklch, oklch(72.44% 0.2301 336.80) 0.0%, oklch(70.08% 0.2329 342.08) 16.7%, oklch(71.65% 0.2039 353.70) 33.3%, oklch(75.98% 0.1433 15.90) 50.0%, oklch(82.68% 0.1157 59.22) 66.7%, oklch(87.79% 0.1358 85.65) 83.3%, oklch(87.40% 0.1433 86.70) 100.0%);

Nestas coleções

Gradientes para seção hero

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona