CSS gradient
A CSS gradient paints a smooth transition between two or more color stops without an image request, along a line or from a point.
Because the background color varies across the element, text over a gradient needs contrast checked at the lightest and darkest points behind it. Continue with Gradient Generator explained for the longer explanation.