colors - d3.js の色範囲と明るい色の範囲

Question

2 つの色の範囲が必要です。2 つ目は同じ色で構成される必要がありますが、より明るい色である必要があります。

rangeLength=10
color = d3.scale.linear().domain([1,rangeLength]).range(['red', 'blue']);
colorLigher= d3.scale.linear().domain([1,rangeLength]).range(['red'.lighter(10), 'blue'.lighter(10)]);

「赤」は文字列であるため、明らかに機能しません。

前もって感謝します