JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  	<div id="mixed"></div>
  </div>

CSS

div, body {
	margin: 0;
	padding: 0;
	background: #bbb;
}

div {
	position: absolute;
	width: 300px;
	height: 300px;
}

div.wrapper {
	position: absolute;
	left: 50px;
	top: 50px;
}

div#mixed {
	background: -webkit-radial-gradient(180px 70px, circle, #555 10%, #333 50%, #111 80%); 
	background: -moz-radial-gradient(180px 70px, circle, #555 10%, #333 50%, #111 80%); 
	background: radial-gradient(180px 70px, circle, #555 10%, #333 50%, #111 80%);
	border-radius: 150px;
}