diff --git a/calculator/index.html b/calculator/index.html
index 9a6b3f7..8811ead 100644
--- a/calculator/index.html
+++ b/calculator/index.html
@@ -8,20 +8,36 @@
   <script>
     const priceColorMap = {
       0: "bg-lime-200",
-      2: "bg-lime-500",
-      4: "bg-lime-700",
-      6: "bg-amber-400",
-      8: "bg-amber-700",
-      10: "bg-rose-500",
-      12: "bg-rose-700",
-      14: "bg-rose-950",
-      16: "bg-fuchsia-500",
-      18: "bg-fuchsia-800",
-      20: "bg-fuchsia-950",
+      1: "bg-lime-300",
+      2: "bg-lime-400",
+      3: "bg-lime-500",
+      4: "bg-lime-600",
+      5: "bg-lime-700",
+      6: "bg-amber-200",
+      7: "bg-amber-300",
+      8: "bg-amber-400",
+      9: "bg-amber-500",
+      10: "bg-amber-600",
+      11: "bg-amber-700",
+      12: "bg-orange-300",
+      13: "bg-orange-400",
+      14: "bg-orange-500",
+      15: "bg-orange-600",
+      16: "bg-rose-400",
+      17: "bg-rose-500",
+      18: "bg-rose-600",
+      19: "bg-rose-700",
+      20: "bg-rose-800",
+      21: "bg-fuchsia-500",
+      22: "bg-fuchsia-700",
+      23: "bg-fuchsia-800",
+      24: "bg-fuchsia-950",
     }
 
     function getBgColor(value) {
-      return priceColorMap[Math.floor(value / 2) * 2];
+      // Clamp value between 0 and 24, round down
+      let v = Math.max(0, Math.min(24, Math.floor(value)));
+      return priceColorMap[v] || "";
     }
 
     function formatDate(date) {