A true rainbow gradient needs several color stops to avoid muddy transitions in the middle — this one uses six evenly spaced hues across the spectrum. Rainbow gradients suit celebratory, playful, or inclusive branding where you want maximum visual energy.
background: linear-gradient(90deg, #ff0080, #ff8c00, #ffd700, #00ff80, #00bfff, #8000ff);Open in Generator →