Linear gradients create smooth transitions in a straight direction (like left-to-right or top-to-bottom), while radial gradients spread outward from a central point.
Use linear-gradient() for banners, buttons, and backgrounds. Choose radial-gradient() when you want a focal point effect or circular pattern.