Gradients#

In the Gradients section, you can create, edit, and save custom color gradients to use as attractive backgrounds or fills for graphic elements in the editor. The tool gives you full control over the gradient type, color mixing, and overall transparency.

  • Gradient type (Linear / Radial) – determines whether the color gradient runs in a straight line from one side to the other (linear), or spreads outward in circles from the center (radial).

  • Gradient end colors – let you choose exact hues using HEX codes for the start and end of the color gradient. You can also add additional in-between colors.

  • Transparency and styles – include sliders for setting the transparency intensity of the whole gradient, plus quick presets for gradient direction and style.

  • Importing and managing gradients – lets you quickly bring in ready-made sets of color gradients from other projects into your current one, with the option to download or delete unneeded ones anytime by clicking the trash can icon.

FAQ#

How can I create and save a custom color gradient?#

First, choose the gradient type (Linear or Radial), set the end colors of the gradient (and optionally add any additional colors in between using a drop marker on the X axis), and use the slider to adjust Transparency for a smoother transition. Once you’re happy with the look, click the Save as new gradient button. The gradient is saved to your library immediately.

What’s the difference between a linear and a radial gradient?#

A linear gradient mixes colors in one straight direction (e.g. top to bottom or left to right). A radial gradient starts from a single center point and spreads outward in circles, which is ideal for, for example, creating a glow effect behind a product.

Can I delete gradients from the project, or import others?#

Yes. You can completely remove any saved color gradient from the overview at any time by clicking the trash can icon next to its preview. If you have finished gradients from a designer, you can bulk-upload them using the Import gradients button.

Backward Brand colors Import from project Forward