Free tool
Background gradient generator
Make a smooth background gradient, then copy the CSS or download it as a picture for your phone, page or post. Free, no sign-up.
Start from
background-image: linear-gradient(135deg, #e6ff3b 0%, #3fd8a4 100%);
Positions are in percent: 0 is the start, 100 the end.
About this tool
A gradient is a smooth blend from one colour to another. Pick two to five colours and a direction, and use the result as a background for your link in bio, a story, a phone wallpaper or a website. Copy the CSS for a site, or download a picture at the size you need.
Colours next to each other on the colour wheel blend softly; opposite colours can turn muddy in the middle, so add a third colour between them. If you’ll put text on top, keep the gradient light or dark all the way across so the words stay easy to read. On OneLink, any design can take a gradient background on every plan.