A Pen by Richard Moot.

BEmsy.markdown

BEmsy

A Pen by Richard Moot on CodePen.

License.

index.html

<div class="container">
  <div class="top"></div>
  <div class="bottom"></div>
</div>

style.css

.container{
  width:200px;
  height:200px;
  background: radial-gradient(ellipse at center, rgba(255,255,255,1) 10%, rgba(0,0,0,1) 11%, rgba(255,255,255,1) 13%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 21%, rgba(0,0,0,1) 100%);
  border-radius:50%;
  margin:auto;
  overflow:hidden;
  box-shadow: 20px 21px 30px -11px rgba(50, 50, 50, 0.28);
}
.top{
  width:100%;
  height:39%;
  background:linear-gradient(135deg, rgba(255,69,69,1) 0%, rgba(255,99,85,1) 22%, rgba(255,106,89,1) 27%, rgba(252,45,18,1) 74%, rgba(240,47,23,1) 87%, rgba(231,56,39,1) 100%);
  border-radius:50% 50% 0 0;
}
.bottom{
  width:100%;
  height:40%;
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(219,219,219,1) 100%);
  border-radius:0 0 50% 50%;
  margin-top:22%;
}