ituki 
線形グラデーション
開始位置・割合・色が指定できます。
background: linear-gradient(開始箇所（ないと上から）,開始色（と割合）,（中間色（と割合）,）終了色);
開始箇所を角度（deg）で指定することも出来る
円形グラデーション
開始位置・割合・円の表示の仕方・色が指定できます。
background: radia-gradient(開始箇所（ないと上から）,円の表示の仕方（ないと高さと幅に合わせて正円や楕円になる） 円の表示の仕方（ないとcover）,開始色（と割合）,（中間色（と割合）,）終了色);
円の形や背景のサイズの指定について、詳しくは
クイックリファレンス radial-gradient()
勉強先：ドットインストール CSS3入門