radial-gradient()

色

形状（Shape）は長方形の要素では楕円（ellipse）、正方形の場合は正円（circle）になるのがデフォのようです

#RG1 {
  background: radial-gradient(red, yellow);
}

3色

3色以上もOKのようです。色の指定は「#F00」「#FFFF00」でもよいです 「red 10%, yellow 60%, yellowgreen 30%」のように指定すると間隔を変更できます

#RG2 {
  background: radial-gradient(red, yellow, yellowgreen);
}

＋形状

#RG3 {
  background: radial-gradient(circle, red, yellow, yellowgreen);
}

closest-side

近い辺に合わせて完結するようにグラデーションします
「cloest-corner」もあります

#RG4 {
  background: radial-gradient(closest-side at 70% 40%, red, yellow, yellowgreen);
}

farthest-side

遠い辺に合わせて完結するようにグラデーションします
「farthest-corner」もあります

#RG5 {
  background: radial-gradient(farthest-side at 70% 40%, red, yellow, yellowgreen);
}