Simple Gradients that are either linear or radial. These gradients can be modified by passing in the css properties to change the start and end color and the direction the gradient is rendered. style="--start-color:hexcolor;--end-color:hexcolor;--origin:top right"

css property	definition	acceptable options
--start-color	the starting color of the gradient or center color for radial	proper formatted color: hex, hsl, hsla, rgb, rgba
--end-color	the ending color or the outside color when radial	proper formatted color: hex, hsl, hsla, rgb, rgba
--origin	point in the container where the gradients starts	these words depend on the type of gradient