
Now let’s apply this gradient as a radial gradient.įortunately, whenever you create a gradient in Inkscape, it is saved in your Gradients list in the Fill & Stroke menu: Once applied, you should end up with something like this:Īnd that’s how easy it is to create a rainbow gradient in Inkscape! Radial Gradient The colors we’ll be using for this lesson are as follows: As of right now we already have 3, so double-click the line 4 more stops (in various spots) to add new stops to the gradient:Ĭlick and drag each individual stop to move them and space them out evenly, as I’ve done in the above screenshot.Īll we have to do now is select each individual stop and apply each color of the rainbow to them, just like we did when we changed the original stop (on the right) from transparent to black. To make a rainbow gradient, we’re going to need 7 stops to accommodate all of the colors of the rainbow. The stop will be added wherever it is that you click: To do this, simply double-click on the blue horizontal line to add a new stop to the gradient. Now it’s time to add new colors (known as stops) to your gradient. This will give your object a gradient transitioning from black to black: With it selected, click on the color black in the color bar at the bottom of your screen. Now grab the Gradients tool (keyboard shortcut: G) and click on the transparent stop on the right to select it. The gradient will consist of two stops - the original color (on the left,) and transparency (on the right.) This will apply a linear gradient to your object.

Make sure you have your object selected, then click the Linear Gradient icon in the Fill & Stroke menu: We will create our rainbow gradient as a linear gradient first, then apply it as a radial gradient later on.

For this lesson we will be focusing on the Fill tab, so make sure to have that tab opened. At the top of the Fill & Stroke menu, you will see three tabs: Fill, Stroke, and Stroke Style.
