Rosa, pêssego, azul-claro e azul em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #d82f72, #ef61a1, #ff9a9e, #ffc56c, #87e6c5, #5fb8e4, #3a78c1. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #d82f72
• #ef61a1
• #ff9a9e
• #ffc56c
• #87e6c5
• #5fb8e4
• #3a78c1

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.2081 2.81) 0.0%, oklch(69.01% 0.1853 354.87) 16.7%, oklch(79.06% 0.1216 17.37) 33.3%, oklch(85.83% 0.1254 76.79) 50.0%, oklch(85.65% 0.1029 169.23) 66.7%, oklch(74.44% 0.1067 232.13) 83.3%, oklch(56.69% 0.1309 254.32) 100.0%);

Nestas coleções

Amostras de verão

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona