diff --git a/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx b/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx
index ded19f7d0..3663f2358 100644
--- a/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx
+++ b/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx
@@ -36,7 +36,7 @@ const TimelineGraph = (props: Props) => {
 
         partitionLayout(messageHierarchy);
 
-        const colorScale = d3scale.scaleLinear([0, 1], ['green', 'red']);
+        const colorScale = d3.interpolateHsl('green', 'red');
 
         svg
             .selectAll('rect')