How do half circle border with gradient in css [duplicate] - css

Question

This question already has answers here:
Border Gradient with Border Radius
(2 answers)
Closed 1 year ago.
I wanna do a half (9 o'clock to 3 o'clock) circle. The color started from 9 to 3 o'clock and color of green slowly turn to red.
Is it this possible do it in css?
Below circle a bit off from what i want. The color fade in the start 9 and 3 o'clock and the green in the middle of the circle.
The green color should start from the 9 o'clock and slowly to red.
.rounded {
width: 300px;
height: 300px;
border: 10px solid transparent;
border-radius: 150px;
background-image: linear-gradient(white, white), linear-gradient(.50turn, green, red, white 50%);
background-origin: border-box;
background-clip: content-box, border-box;
}
#parent {
display: flex;
width: 100vw;
justify-content:center;
}
<div id="parent">
<div class="rounded"></div>
</div>

Answer 1

#cont {
background: -webkit-linear-gradient(left top, crimson 0%, #f90 100%);
width: 300px;
height: 300px;
border-radius: 1000px;
padding: 10px;
}
#box {
background: black;
width: 300px;
height: 300px;
border-radius: 1000px;
}
<div id="cont">
<div id="box"></div>
</div>