Arco-íris de rosa a azul: gradiente linear

Gradiente linear, 7 cores a 90°: #e93e8d, #f35f4a, #ffb049, #b0c756, #00ad9f, #4684d2, #6f4ac9. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #e93e8d
• #f35f4a
• #ffb049
• #b0c756
• #00ad9f
• #4684d2
• #6f4ac9

CSS

background: linear-gradient(90deg in oklch, oklch(63.78% 0.2150 357.19) 0.0%, oklch(67.35% 0.1867 30.57) 16.7%, oklch(81.55% 0.1476 69.87) 33.3%, oklch(79.04% 0.1418 119.44) 50.0%, oklch(67.15% 0.1182 185.25) 66.7%, oklch(60.89% 0.1359 255.33) 83.3%, oklch(51.97% 0.1874 292.02) 100.0%);

Nestas coleções

Gradientes multicoloridos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona