How to Apply a Linear Gradient in Inkscape?

Applying a linear gradient in Inkscape allows you to create smooth transitions between two or more colors across an object, adding depth and dimension to your vector vector artwork. This guide provides a straightforward, step-by-step walkthrough on how to select an object, activate the Gradient Tool, and customize your color gradients using the on-canvas controls and the Fill and Stroke menu.

Step 1: Select Your Object

Before you can apply any color changes, you need to target the correct shape.

• Open your Inkscape document and select the Select and Transform Objects Tool (the black arrow shortcut: S or F1).
• Click directly on the object you want to color.

Step 2: Activate the Gradient Tool

With the object selected, you need to switch to the tool specifically designed for handling color transitions.

• Click on the Create and Edit Gradients Tool from the left-hand toolbar (shortcut: G or Ctrl + F1).
• Look at the tool controls bar at the top of the screen and ensure that the Linear Gradient icon is selected (it looks like a square fading from solid color to transparent) and that the “Fill” option is toggled.

Step 3: Apply the Initial Gradient

Now you can apply the default gradient line to your shape.

• Click and drag your mouse across the selected object in the direction you want the color to blend (for example, from left to right, or top to bottom).
• Release the mouse button. You will see a gradient line appear with two main control points, known as stops: a square at the starting point and a circle at the end point.

Step 4: Customize the Gradient Colors

By default, Inkscape usually creates a gradient that fades from your original solid color to total transparency. You can easily change these colors to suit your design.

• Click on the starting square stop. The node will highlight to show it is selected.
• Choose a color from the color palette at the bottom of the screen, or open the Fill and Stroke panel (Ctrl + Shift + F) to fine-tune the exact color and opacity.
• Click on the ending circle stop and select your second color using the same method.

Step 5: Adjust the Gradient Direction and Stops

You can continue to refine the look of your linear gradient by manipulating the handles directly on the canvas.

• Change Direction and Length: Drag the square or circle stops to shift the angle and spread of the gradient. Moving the stops closer together creates a sharper transition, while moving them farther apart creates a softer blend.
• Add More Colors: Double-click anywhere along the gradient line to insert an additional stop. This allows you to create multi-color gradients. You can click and drag these new stops to reposition them, or select them and press Delete to remove them.