https://www.zhangxinxu.com/study/201711/radial-gradient-circle-colors.html
.radial-gradient,
.radial-gradient2 {
width: 200px; height: 200px;
border: 1px solid silver;
background: radial-gradient(closest-side circle, yellow, orange, red, white);
}
.radial-gradient2 {
border-color: gray;
background: radial-gradient(closest-side circle, yellow 0, orange 33.33%, red 66.666%, white);
position: relative;
}
.radial-gradient:active {
position: absolute;
}
<div class="radial-gradient"></div>
<div class="radial-gradient2"></div>