Угол внутри круга

:root { 
  --r: 50px; 
  --d: calc(var(--r) * 2); 
} 
 
.circle { 
  width: var(--d); height: var(--d); 
  border: 1px solid; 
  border-radius: var(--r); 
  position: relative; 
} 
 
.circle:before { 
  position: absolute; 
  content: ''; 
  width: 0; 
  height: 0; 
  border-style: solid; 
  border-width: var(--r) 0 0 var(--r); 
  border-color: transparent transparent transparent #e056f5; 
  left: var(--r); 
}

<div class="circle"></div>

div { 
  overflow: hidden; 
  width: 30%; /* любое значение */ 
  margin: auto; 
  border-radius: 50%; 
  background: antiquewhite; 
} 
 
div:before { 
  content: ""; 
  float: left; 
  padding-top: 100%; 
} 
 
div:after { 
  content: ""; 
  float: right; 
  width: 50%; 
  padding-top: 50%; 
  background: blue; /* не умеешь градиенты - залей весь сектор круга */ 
  background: linear-gradient(45deg, blue 50%, transparent 50%); /* ну работает, но... */ 
  background: linear-gradient(45deg, blue 50%, transparent calc(50% + 1px)); /* сгладь границу */ 
}

<div></div>

div { 
  overflow: hidden; 
  width: 30%; /* любое значение */ 
  margin: auto; 
  border-radius: 50%; 
  background: 
    linear-gradient(to right, antiquewhite 50%, transparent 50%), 
    linear-gradient(to top, antiquewhite 50%, transparent 50%), 
    linear-gradient(45deg, transparent 75%, antiquewhite calc(75% + 1px)) 
    blue; 
} 
 
div:before { 
  content: ""; 
  float: left; 
  padding-top: 100%; 
}

<div></div>