Amarelo para azul em tons vivos: gradiente linear

Gradiente linear, 8 cores a 90°: #fef776, #f1e94d, #dcdb3c, #7ec48e, #78b6e7, #639be8, #507fd1, #416dc3. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #fef776
• #f1e94d
• #dcdb3c
• #7ec48e
• #78b6e7
• #639be8
• #507fd1
• #416dc3

CSS

background: linear-gradient(90deg in oklch, oklch(95.67% 0.1502 106.17) 0.0%, oklch(91.34% 0.1695 106.17) 14.3%, oklch(86.61% 0.1709 109.34) 28.6%, oklch(75.98% 0.1047 150.56) 42.9%, oklch(75.20% 0.0951 243.55) 57.1%, oklch(68.50% 0.1281 256.23) 71.4%, oklch(60.24% 0.1350 260.46) 85.7%, oklch(54.72% 0.1433 262.57) 100.0%);

Nestas coleções

Gradientes em amarelo e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona