Purple gradient background
This purple gradient runs from deep rebecca purple to bright orchid on a diagonal. The dark corner holds white text well, so it works for music, gaming and evening-event designs.
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.
Purple 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.
Making purple warmer or cooler
Purple sits between red and blue. Push the orchid end towards pink for a warmer, sunset feel, or towards blue for a cooler, techy feel. White text works on the rebecca purple side; over orchid, switch to dark text or keep headings large.
Questions
Which purple is CSS purple?
purple is #800080. rebeccapurple, #663399, is a bluer purple added to CSS later.
How do I make a purple and blue gradient?
Change the orchid stop to a blue such as royal blue (#4169e1), or add it as a third stop.