A repeating SVG gradient is defined using the
Figure 1 compares the two
A value of repeat causes the color stops
to repeat in the same order, from beginning to end.
In contrast, a value of reflect
causes the order and spacing of colors
to alternate in each repeat.
Both of the gradients in Figure 1
repeat the sequence of color stops four times,
as indicated by the arrows.
However, in the reflected gradient every second
cycle is reversed, as shown by the arrows pointing
in the opposite direction.