radial gradient
circle at center 
background: radial-gradient(red, yellow, orange)
LOTS of other examples & details   details   details ! ! !
linear gradient
DEFAULT is top to bottom
and evenly divided between colors 
background: linear-gradient(red, yellow, orange)

Some color schemes GRAB your attention more than others...

Here's something more peaceful...

Linear but at an angle 
background: linear-gradient(140deg
                                 , MistyRose 0%
                                 , LightYellow 50%
                                 , GhostWhite 75%
                           )
Linear but at an angle (140 degrees) left to right 
background: linear-gradient(140deg
                                 , yellow         0% 
                                 , DarkTurquoise 50%
                                 , DeepSkyBlue   75%
                           )
Look what happens with NEGATIVE 140 
background: linear-gradient( -140deg
                                 , yellow         0% 
                                 , DarkTurquoise 50%
                                 , DeepSkyBlue   75%
                           )
0 deg 30 deg 60 deg 90 deg 120 deg 150 deg 180 deg 210 deg 240 deg 270 deg 300 deg 330 deg 360 deg