Is it possible to merge multiple gradients into one object?

For example: a rectangle with two radial gradients in two corners. How can I implement that?

2 Answers 2


One object can have multiple gradients as seen in the image 1 (below).

To add multiple gradients, open your appearances panel and duplicate the fill. Note that the second gradient has to have a blending mode or transparency for this to work.

enter image description here

Image 1: Two radial gradients in same object.

  • E.g. a rectangle with two radial gradients in two corners. How can I implement that?
    – Malte
    Aug 21, 2017 at 7:01
  • @Malte you should probably edit that into your question.
    – joojaa
    Aug 21, 2017 at 7:15
  • Yes, that's it. Thanks. Which fill mode did you apply to the second gradient?
    – Malte
    Aug 21, 2017 at 7:39
  • @Malte its normal since the gradients second stop is 100 transparent. Note that technically this is still 2 objects just 1 for GUI purposes.
    – joojaa
    Aug 21, 2017 at 7:43
  • How did you set the fill to transparent? Is it in a specific swatch some place? Feb 28, 2021 at 22:56

You can add multiple gradient fills to an object via the Appearance panel.

If you need more complex gradients you can use the Mesh Tool to create a gradient mesh. Simply click on a point with the Mesh Tool to create a mesh from the object, you can then change the color of each individual point.

A simply rectangle with each corner point set to a different color:

enter image description here

For more complex gradients just keep adding points:

enter image description here

You can expand an existing gradient fill to a gradient mesh by selecting the object, expanding (Object → Expand) and selecting "Gradient Mesh":

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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