Upload one photo of your product. You get a backdrop that shades smoothly from one tone to another, a soft contact shadow, and a clear area for a headline. The ramp stays even at store sizes, so no stripes appear when the file is compressed.
Start free
A gradient background is a studio backdrop that shades smoothly from one tone to another, with no hard edge where the two meet. The reason to reach for one is that it puts two different tones behind a single product. A light edge can sit on the darker end and a dark edge on the lighter end, so the outline holds all the way round without a rim light. That only works when the product has one clear silhouette, which is why the ramp sits well behind tech, cosmetics and glass. Put a patterned tin or a cluster of small parts on the same ramp and the moving tone fights the detail, because the eye is already tracking two changes at once.
Four things that go wrong on a smooth ramp, and the fix.
A long, smooth tone change is the hardest thing for an 8-bit JPEG to hold. The file rounds nearby values to the same number, so the ramp breaks into visible stripes. Keep the change gentle across the frame, add a light grain, and export at high quality. Check the file at full width on a phone, not only in the editor, because stripes appear most on bright screens.
The ramp has a light end and a dark end. If the dark end sits behind the dark part of your product, that edge disappears. Run the ramp the other way. A silver power bank is bright at the top and shaded at the base, so put the darker tone high and the lighter tone low. Look at the shot in black and white to check the edge still reads.
Text on a ramp changes contrast from one line to the next. The top of a headline can pass 4.5:1 while the bottom fails it. Pick the flattest part of the ramp for text and hold the tone steady across that block. Remember the crop moves it. A 4:5 frame cut to 1:1 loses one end of the ramp, so the text area shifts.
A warm ramp throws colour back onto the product. Peach to cream turns matte white earbuds slightly pink, and it lays a warm line down brushed aluminium. For white or silver goods, pick a near neutral ramp such as pale grey to sand. Then sample the white part of the product. Red, green and blue should sit within about five points of each other.
Four apps that build, clean, relight and place a gradient frame.
Styled Scene Generator places your product on a described backdrop, so you can name both ends of the ramp in words. Write the start tone, the end tone and the direction, for example pale blue grey at the top down to warm ivory. Run it again with the ends swapped and compare which one separates the product better.
Open the tool
Background Remover cuts the product out and returns a clean white file and a transparent file. Start there. A transparent cut-out drops onto any ramp without dragging old backdrop colour into the new one, which matters most on a gradient because a stray edge tint reads as a band. Keep that transparent file. When you change the two end tones later, you drop the same cut-out on the new ramp instead of building the shot again.
Open the tool
Spotlight Relight changes the lighting on a photo you already have, and it is on Premium. Use it when the product looks lit from one side while the backdrop shades from the other, which reads as wrong at a glance. Set the key light on the same side as the light end of the ramp. The contact shadow then falls towards the dark end and the frame settles.
Open the tool
Product Ad Generator places a finished product into an ad layout with room for a headline and a price. On a gradient this is the step that uses the flat part of the ramp. Point the layout at the calm end, keep the product on the busy end, and the text stays readable without a box behind it.
Open the toolEach before and after above demonstrates the tool named on the card, using that app's own sample image, so the subject you see may not be from this industry. Run the same tool on your own photos to see it on your work.
From one product photo to a set with room for text.
Cut the product out first. On a flat backdrop a slightly rough edge hides, but on a ramp the tone behind the edge keeps changing, so any leftover fringe reads as a line. Set the ramp direction second, before you touch the lighting, because relighting cannot rescue a ramp that runs the same way as the product's own tones. Check for banding third, at the size the file will be seen, since compression damage appears at export and not in the editor. Place the headline last, once the ramp is fixed, because moving the ramp moves the flat area the text needs.
Four outputs to check before the set goes to your store.
Open the exported JPEG at 100 percent and drag your eye along the longest part of the ramp. You should see one continuous change, not steps. Test the same file after your store's own compression, because a second save can make the stripes return on a ramp that looked clean.
Sample the backdrop tone at the top and at the bottom of the headline block. Both readings must clear 4.5:1 against your text colour. If only one passes, move the block towards the flatter end of the ramp or shorten it to two lines.
Put every frame of the set side by side at thumbnail size. The end tones and the direction should match on all of them. One shot with the light end at the top and the rest with it at the base makes a grid look careless, even when each frame is good alone.
Keep the clean white cut-out from Background Remover next to every gradient frame. Most stores want a plain white main image, and a ramp will not pass that rule. The gradient version then works for the second image, the ad and the feed post.
Six pages that carry a gradient frame further into your store.
A gradient frame fills one or two slots and no more. The hub puts the other backgrounds beside it, so you can see which one takes the rest of the listing and feed them all from the same cut-out you made here.
This is the app that builds the ramp. Open it to write both end tones, set the direction and rerun the same product on two versions so you can compare which one separates it better.
Generate frames on a choice of model at any ratio. A gradient needs the full frame, so build the 16:9 banner version here rather than cropping a square, which removes one end of the ramp.
The flat end of a gradient is the reason this backdrop works so well in paid ads. See how a headline, a price and a call to action sit on the finished frame.
Save the ramp tones, the direction and the crop once. Every new product then arrives on the same backdrop, which is the only practical way to keep a large catalogue consistent.
Browse every app in one list. Photo Angles, Flat Lay Studio and Spotlight Relight all take the same product photo, so one upload can feed several backdrops in one session.
A gradient asks one hard thing of a model. It has to hold a long tone change with no step in it, while keeping the product's own colour steady against a backdrop that sits close to that colour. Nano Banana Pro is the safer first run, because it holds the real shape and colour of a product while the tone behind it moves, and a close-toned ramp is exactly where that slips. FLUX is worth the second run when the ramp has to work against the product's own light, since it follows a described light direction more closely. Build the same product on both, then open the two files in black and white. Keep the one where the outline survives.
Every paid plan runs the same model list. Send one gradient prompt to two of them and keep the ramp that steps the least.
Six questions sellers ask before they build a gradient set.
These are the other backgrounds in the catalogue. Open any page to compare them before you choose.
The plain white main image, for listings, grids and price banners.
Soft colour paper for beauty, wellness and pale packaging that needs a calm frame.
For fragrance, watches, spirits and premium packaging that read by their edges.
For beauty, jewellery and fragrance shots that need a premium stone surface.
Hard daylight and one crisp shadow, for streetwear, tech and modern skincare.
Warm oak, walnut and ash for food, coffee, candles, soap and handmade goods.
Soft, tactile cloth for skincare, candles, soap and folded clothing.
Raises small products on plaster or stone, and leaves clean space for a headline.
Fresh or dried foliage around skincare, soap, candles and other natural products.
For active, travel and outdoor goods that need real daylight and a found place.
For gift products that need to look seasonal in November and December.
The hub lists all twelve product photo backgrounds side by side, so you can compare them before you pick one.
The free plan gives you 112 credits, so you can build a ramp and see how it holds. Free frames carry a watermark. From Pro you can load your own product and sell what comes out of it.
Start free