Arco-íris de rosa a azul: gradiente linear

Gradiente linear, 8 cores a 270°: #b122a6, #e65590, #ed9c90, #c8d3a2, #7ce3c7, #3cc4fa, #1d86ff, #2440ff. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #b122a6
• #e65590
• #ed9c90
• #c8d3a2
• #7ce3c7
• #3cc4fa
• #1d86ff
• #2440ff

CSS

background: linear-gradient(270deg in oklch, oklch(53.94% 0.2205 331.88) 0.0%, oklch(65.75% 0.1874 358.29) 14.3%, oklch(77.17% 0.0992 28.94) 28.6%, oklch(84.65% 0.0675 118.76) 42.9%, oklch(84.65% 0.1061 173.71) 57.1%, oklch(77.17% 0.1364 229.72) 71.4%, oklch(62.99% 0.2016 256.14) 85.7%, oklch(50.79% 0.2755 266.71) 100.0%);

Nestas coleções

Gradientes vaporwave

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona