Recurrence EventTemplate

I have an event template:

<script id="event-template" type="text/x-kendo-template">
    <div style='background-color: #=Color#'>
        <span>#= title #</span>
    </div>
</script>

I base the color on the start date of the event which works fine for all events except for those with recurrence events.

Since the parent recurrence event was set up in the past it displays the color data from the parent and not the actual recurrence event which is in the future.

How can I setup the recurrence event data when it is displayed on the scheduler?