<div></div>
<style>
body {
background: #e3516e;
display: grid;
place-items: center;
}
div {
width: 200px;
height: 200px;
background: conic-gradient(
#fade8b 25%,
#e3516e 0 50%,
#f7f3d7 0 75%,
#51b5a9 0
);
border-radius: 50%;
}
</style><p><style>*{background:#e3516e}p{margin:50 auto;width:200;height:200;background:conic-gradient(#fade8b 25%,#e3516e 0 50%,#f7f3d7 0 75%,#51b5a9 0);border-radius:50%