Gradients can add depth, hierarchy and visual direction.
Linear gradients
Linear gradients transition colors along a straight line defined by an angle or direction.
Radial gradients
Radial gradients expand from a center point using a circle or ellipse.
Conic gradients
Conic gradients rotate color transitions around a central point and work well for wheels, charts and decorative effects.
Color-stop positions
Each color stop defines where a color appears. Closely spaced stops create sharper transitions, while wider spacing produces smoother blends.