<div class="one"></div>
<div class="two"></div>
.one {
  height: 100px;
  margin: 20px;
  background: radial-gradient(#fceabb, #f8b500);
  background-repeat: no-repeat;
}

.two {
  height: 100px;
  margin: 20px;
  background: radial-gradient(circle farthest-side, #fceabb, #f8b500);
  background-repeat: no-repeat;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.