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

enter image description here

This is my attempt:

enter image description here

  1. 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.
  2. 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
    Aug 31 '16 at 15:02
  • Hi Manly, ya you are right. i will put those attempts into words by today.
    – zeroflaw
    Sep 1 '16 at 0:02
  • @Manly I have added my attempts.
    – zeroflaw
    Sep 1 '16 at 3:08
  • 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
    Sep 1 '16 at 14:32
  • @Manly you are right. Only 1 circle is enough. And mesh gradient is the key.
    – zeroflaw
    Sep 2 '16 at 0:34

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

  • 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
    Sep 1 '16 at 14:31
  • Awesome! Exactly what i am looking for! And i don't need partition the circle at all!
    – zeroflaw
    Sep 1 '16 at 14:48
  • 1
    have a look at the details in the inkscape wiki: wiki.inkscape.org/wiki/index.php/Mesh_Gradients Apr 18 '18 at 7:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.