Azul-claro, rosa, amarelo e laranja: gradiente linear

Gradiente linear, 8 cores a 90°: #86c2ba, #b9f1bd, #deb39e, #f88491, #ffcf76, #fcf059, #fc9f33, #ea8800. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #86c2ba
• #b9f1bd
• #deb39e
• #f88491
• #ffcf76
• #fcf059
• #fc9f33
• #ea8800

CSS

background: linear-gradient(90deg in oklch, oklch(77.17% 0.0634 184.92) 0.0%, oklch(90.55% 0.0896 146.88) 14.3%, oklch(79.92% 0.0579 47.54) 28.6%, oklch(74.41% 0.1419 13.73) 42.9%, oklch(87.80% 0.1199 81.36) 57.1%, oklch(93.70% 0.1667 104.61) 71.4%, oklch(77.95% 0.1585 64.45) 85.7%, oklch(71.65% 0.1644 62.32) 100.0%);

Nestas coleções

Gradientes de verão

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona