CSS Gradient Generator
Create linear, radial, and conic CSS gradients visually. Add colour stops, set angle or position, preview the result, and copy the CSS background property.
CSS Gradient Reference
CSS gradients create smooth transitions between colours without images. linear-gradient flows in a straight line at any angle. radial-gradient radiates outward from a centre point. conic-gradient rotates around a point like a colour wheel.