I would like to fill a polygon grid automatically with a gradient in Illustrator. How can I achieve this?

Each polygon shape has a total fill and no gradient within the separate shape.

Polygon grid overlay with gradient

  • Are you looking to fill each individual polygon with the same gradient or are you looking for a more overall gradient map approach? Jul 26, 2017 at 15:06

1 Answer 1


If you have your polygons as individual closed paths, you can use a script. One is available as an example in scripting utility Scriptographer.

It's Colorizer.js and needs installed 32 bit Java. It takes a bunch of closed paths which are over a bitmap image (=imported JPG). Every path get new fill which is the average image color under the path area. The paths stay in vector domain, only their colors are calculated from the JPG.

Here the gradient was exported as JPG and reopened. Rasterizing only do not help. The green parts are the closed paths.

Paths and the gradient JPG are selected:

enter image description here

After running the script:

enter image description here

Scriptographer was created for legacy Illustrator. I have no idea how it works with Illustrator CC. It's still freely available from https://scriptographer.org/

Your Answer

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

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