Sunset Gradient Background

A three-stop gradient — warm coral through pink to violet, at a 135° diagonal — commonly used for hero section backgrounds and marketing pages that want a warm, energetic feel.

gradientType: linear  ·  angle: 135  ·  color1: #ff6b6b  ·  colorMid: #f06595  ·  color2: #845ef7

Frequently asked questions

Why does this gradient use three color stops instead of two?

A middle color stop smooths the transition between two very different hues (coral and violet) — without it, the blend between distant colors on the color wheel can look muddy in the middle.

What angle works best for a hero background gradient?

A diagonal angle (around 135deg, top-left to bottom-right) tends to look more dynamic than a flat horizontal or vertical gradient for large background areas.

Can I use this behind text?

Check contrast against your text color across the whole gradient, not just one end — the coral end and violet end here have different luminance, so a text color that's readable on one may not be on the other.