Arco-íris de mostarda a roxo: gradiente linear

Gradiente linear, 7 cores a 90°: #c5ac31, #ec7e00, #c666b7, #1a94ab, #b6a739, #d96fa2, #305cad. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #c5ac31
• #ec7e00
• #c666b7
• #1a94ab
• #b6a739
• #d96fa2
• #305cad

CSS

background: linear-gradient(90deg in oklch, oklch(74.41% 0.1378 97.03) 0.0%, oklch(70.17% 0.1706 56.58) 16.7%, oklch(64.87% 0.1583 333.20) 33.3%, oklch(61.42% 0.1033 215.04) 50.0%, oklch(72.22% 0.1291 101.41) 66.7%, oklch(67.79% 0.1446 351.36) 83.3%, oklch(48.82% 0.1378 261.18) 100.0%);

Nestas coleções

Gradientes arco-íris

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona