How to create a circular rainbow in Inkscape?

Question

I am wondering, how do I create this radial, rainbow gradient in Inkscape?

This is my attempt:

I create a circle, with 3 equal portions. I expect to handle these 3 portions separately through setting the gradient, and finally remove the borders if any.
I think the problem is how I change the gradient. The original image is able to make the gradient so smoothly and radially, but somehow mine one just doesn't make it.

What have you tried so far? Where are you stuck? This site follows a Q&A format, rather than a tutorial one. — Manly, Commented Aug 31, 2016 at 15:02
Hi Manly, ya you are right. i will put those attempts into words by today. — zeroflaw, Commented Sep 1, 2016 at 0:02
I don't use Inkscape, but if I were to do this in Illustrator, I wouldn't create the circle in three steps. You should create only one circular shape and instead alter your gradient. — Manly, Commented Sep 1, 2016 at 14:32
@Manly you are right. Only 1 circle is enough. And mesh gradient is the key. — zeroflaw, Commented Sep 2, 2016 at 0:34

Tin Man · Accepted Answer · 2016-09-01 13:15:44Z

2

Look into mesh gradients. These allow you to set a gradient in 2d space, so you can place different colors at different points.

answered Sep 1, 2016 at 13:15

Tin Man

6285 silver badges13 bronze badges

Thanks for mentioning something new to me. Ya i think that's a great direction to start off. Let me try out and will update you here again.
– zeroflaw
Commented Sep 1, 2016 at 14:31
Awesome! Exactly what i am looking for! And i don't need partition the circle at all!
– zeroflaw
Commented Sep 1, 2016 at 14:48
1

have a look at the details in the inkscape wiki: wiki.inkscape.org/wiki/index.php/Mesh_Gradients
– Stefan Krüger s-light
Commented Apr 18, 2018 at 7:41

Add a comment |

1 Answer 1