Only colour half a div with CSS gradients
<p>is it possible to colour only half a div white from the left and the other side green? I want to do this on the 19th date in this graphic</p>

<p><a href="https://i.stack.imgur.com/DGYU9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DGYU9.png" alt="enter image description here"></a></p>

<pre class="lang-css prettyprint-override"><code>td.specialDate:first-of-type {
   background-image: linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%);
   background-image: -webkit-linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%);
}
</code></pre>