.pie {

    width: 200px;

    height: 200px;

    margin: 50px auto;

    background: conic-gradient(deeppink 0, deeppink 30%, yellowgreen 30%, yellowgreen 70%, teal 70%, teal 100%);

    border-radius: 50%;

}

​

.pie2 {

    width: 200px;

    height: 200px;

    margin: 50px auto;

    background: conic-gradient(deeppink 0 30%, yellowgreen 0 70%, teal 0 100%);

    border-radius: 50%;

}