We will refer to them as Transition nodes. They are used to expand and shift the color transition. These circles, when clicked on, will turn into arrows. Carry on to click and add colors to the corner and side nodes as well as the middle node. Click on Pick colors from image then click on one of the corner nodes to select. Have some fun by adding colors from your custom palette. A mesh with nine color stop nodes was added here. To place the mesh, double click on the line of the shape. But as we will be manually adding more nodes later on, we will keep both at 2.

The Rows and Columns can be adjusted to have more color stop nodes. On the left side panel click on Create and edit meshes. Now that the color palette is ready you can go ahead and delete the JPG image. Repeat this color selection for the remaining rectangles until you have your color palette. Place your mouse over a color on the image and click to select. Select one of the rectangles then click Pick colors from image on the left side panel. An Export menu will pop up, leave the settings as is and click Ok. Repeat until you have six or however many rectangles you need for your colors.ĭrag and drop the JPG image onto the Inkscape canvas. Position at the top of the page then right click and Duplicate.

Change the width to 1.5 inches and the height to 0.5 inches. We will use six colors.Ĭlick on the Create rectangles and squares tool and click + drag out a rectangle. The palette can contain as many colors as you want. To create our palette we will be using the Create rectangles and squares tool.

Inkscape gradient dialogue