<div class="pill"></div>
body {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  background-color: #f7f9fb;
  box-sizing: border-box;
  align-items: center;
}

.pill {
  width: 600px;
  height: 200px;
  border-radius: 400px;
  background-image: radial-gradient(
    circle at 100% 0%,
    #ed74e7 0,
    #d765e0 25%,
    #be55d8 50%,
    #a446d0 75%,
    #8a3aca 100%
  );
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.