D3 цветовая гамма - линейная с несколькими цветами?

Я пытаюсь создать нечто вроде квантованного масштаба, но действую как линейная цветовая шкала?

Когда я пытаюсь поместить несколько цветов в линейный масштаб, он, кажется, масштабируется только между двумя первыми цветами.

Я бы хотел несколько цветов, например, квантовать масштаб, но исчезать между этими цветами. Я не уверен, что это возможно.

//red and green works ok
var color = d3.scale.linear()
            .range(['red','green']);

//doesn't work - only red and green show
var color = d3.scale.linear()
            .range(['red','green', 'blue']);


//red green and blue show, however it doesn't fade between the colors
var color = d3.scale.quantize()
            .range(['red','green', 'blue']);