<div class="container">
  <div class="gradientC"></div>
  <div class="gradientE"></div>
</div>
.container {
  width:100%;
  display:flex;
}
.gradientC, .gradientE {
  width:50%;
  height:100px;
  margin:0 10px
}
.gradientC {
  background:#ffcc00;
  background-image:
    radial-gradient(
      circle,
      yellow,
      red
    );
}

.gradientE {
  background:#ffcc00;
  background-image:
    radial-gradient(
      ellipse,
      yellow,
      red
    );
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.