There are three gradients you can choose from conic, which is created using the CSS conic-gradient() function; linear, made with a CSS linear-gradient() function; and third, radial, designed using a CSS radial-gradient() function.