Javascript 网页颜色比例

我正在使用谷歌地图显示历史事件，并希望根据事件发生的十年为标记着色。这一事件发生在1800年到2000年之间（大约20个不同的年代）。我想按比例从黄色到橙色再到红色。有什么想法吗

tldr=希望在web rgb中以20个步骤从黄色缩放到红色

编辑：伙计们，这就是我在读了这篇文章后所做的：

---

请改用HSL，因为您可以简单地调整颜色的第一个参数H。大约0到50应该会给你一个很好的红黄色渐变

红色示例：

hsl（0,100,50%）

黄色示例：
hsl（50,100,50%）
这是100%主观的。没有规模

你最好的选择是从其他专业制作的地图上复制配色方案，或者在其他地方寻找配色方案的灵感

我建议使用《国家地理》或者直接到大自然中去，从配色方案中获得灵感

在你的情况下，试着想想秋天树叶从树上脱落时你看到的所有颜色

我希望你不必在彩色打印机上打印，否则这会变得更复杂。
这个答案和我最后做的最像。在编辑我的问题时，代码在JSFIDLE中可用