Vermelho, laranja e azul: gradiente linear

Gradiente linear, 8 cores a 180°: #c52a05, #f21806, #fe2605, #fe4c21, #de7a40, #a98e61, #738282, #535a9c. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #c52a05
• #f21806
• #fe2605
• #fe4c21
• #de7a40
• #a98e61
• #738282
• #535a9c

CSS

background: linear-gradient(180deg in oklch, oklch(53.54% 0.1943 33.05) 0.0%, oklch(61.02% 0.2425 29.88) 14.3%, oklch(63.78% 0.2467 30.93) 28.6%, oklch(66.54% 0.2205 34.10) 42.9%, oklch(68.11% 0.1433 48.90) 57.1%, oklch(66.14% 0.0689 80.60) 71.4%, oklch(59.45% 0.0179 194.73) 85.7%, oklch(49.21% 0.1061 277.16) 100.0%);

Nestas coleções

Gradientes de pôr do sol

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona