Filling an SVG path with multiple colors

Question

I have a map of provinces of a country as an SVG, where each province is an SVG path. The actual SVG is the following province map.

What I would like to do is fill a

Answer 1

I think you would be able to use a linear gradient and use two color-stops for each solid color. Something like this