Pink gradient background
This pink gradient builds from soft light pink in one corner to vivid deep pink in the other, with hot pink between. It's playful and loud, good for birthday invites, beauty posts and sale banners.
Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.
At a glance
Want a page that already looks finished?
A free Liite page comes with 15 themes, from soft sunset tones to plain black and white, plus gradient and pattern wallpapers of your own. Pick one, add your links, and your page is live at liite.co/yourname.
Pink gradient background: what to know
This page starts the background generator for this case. For every option and how to use it, see the background generator.
Softer or bolder
For a baby-pink look, drop deep pink and fade light pink into white. For a bolder look, add a purple fourth stop after deep pink. Black text reads across the whole gradient here; white text only works in large sizes over the deep pink end.
Questions
Which pink is CSS pink?
pink is #ffc0cb, a pale pink. Light pink (#ffb6c1) is a touch deeper, and hot pink and deep pink are much stronger.
Can I make a pink and purple gradient?
Yes. Change the last stop to a purple such as orchid (#da70d6) or rebecca purple (#663399).