CSS-toningsgenerator

A linear gradient changes color along a straight line at an angle. A radial gradient spreads out from a center point in a circle or ellipse. A conic gradient sweeps around a center point like a clock hand, which is useful for pie charts and color wheels.

Yes. linear-gradient, radial-gradient and conic-gradient work in all current browsers without vendor prefixes.

Give two stops the same position. For example, red 50% and blue 50% switches from red to blue instantly instead of blending, which creates stripes.

Yes: set the gradient as the background, then add background-clip: text and color: transparent. Keep enough contrast for the text to stay readable.