Spreading a gradient fill across multiple objects

[rdelrossi]

In Affinity Designer 2 I have a a grid of 30 same-sized circles (10 objects in 3 rows). I'd like to apply a 3-step gradient to all the objects, so that the first circle is bright red, with each subsequent circle gradually falling to pink so that that the middle circles are light gray, and then continuing to falling to blue, so that the last circle are bright blue.

Can someone help me with the steps involved to do that? 

[firstdefence]

Group all of the circles and apply a gradient to the group. 

 

[firstdefence]

Or do you mean like this? Each row is grouped and each row has it's own gradient, so in the top example the first row  has a gradient from Red (Left) to Pink (Right) (255, 150, 255) The second row has a separate gradient going from Pink Right (255, 150, 255) through to Grey (Left) (127, 127, 127) and finally the third row is Grey (Left) (127, 127, 127) to Blue (Right) (50, 200, 255)

 

To get the bottom example you can simply reverse the gradient for the middle row

 

zigzag gradient.afdesign

[rdelrossi]

Thank you, @firstdefence.

[rdelrossi]

1 minute ago, firstdefence said:

Or do you mean like this? Each row is grouped and each row has it's own gradient, so in the top example the first row  has a gradient from Red (Left) to Pink (Right) (255, 150, 255) The second row has a separate gradient going from Pink Right (255, 150, 255) through to Grey (Left) (127, 127, 127) and finally the third row is Grey (Left) (127, 127, 127) to Blue (Right) (50, 200, 255)

 

To get the bottom example you can simply reverse the gradient for the middle row

 

This is, actually, what I was after. But your first answer was what I needed to work the rest out on my own. Thanks again, @firstdefence.

[firstdefence]

You're welcome.