CSS gradients are painted directly by the browser with no image file needed — linear-gradient() sweeps color stops along an angle, radial-gradient() expands them from a center point, and conic-gradient() rotates them around one, all defined by a comma-separated list of colors and optional stop positions. This tool lets you drag stops, tune the angle or center, and copies out gradient CSS ready to paste into a background property.
Linear moves color along a straight line at a given angle; radial spreads it outward like a spotlight; conic sweeps it around a point like a pie chart — each takes the same color-stop syntax but interpolates it differently.
Banding usually comes from too few color stops spaced far apart, or from a browser's color handling on very subtle transitions — adding intermediate stops closer together usually smooths it out.
Yes — pair the generated gradient with background-clip:text and color:transparent to apply it to text, or use it as an ordinary background on any element by pasting the copied CSS into a background declaration.