How to color fill a unicode (star: u2605) character only half way in css/html?

How to take something like a star unicode \u2605 which is a star in html/css and only fill it half way instead of full.

Here is code:

 \u2605

My styles look like this thus far:

.starHalfFill {
  color: orange;
}