Gradient Interpolator
Script for Adobe Illustrator
✦ Available exclusively on Patreon for Pro supporters.
ㅤ
Description
Gradient Interpolator is a powerful utility for Adobe Illustrator designed to eliminate banding and create perfectly fluid color transitions. By leveraging modern perceptual color spaces like OKLCH and OKLAB, it adds mathematically optimized intermediate stops to your gradients, ensuring they look stunning on both high-end displays and in professional print.
ㅤ
Features
Gradient Interpolator offers a robust toolkit for crafting flawless, perceptually accurate color transitions with precise control over every aspect of the interpolation process:
- Perceptual Interpolation: Use advanced color models (OKLCH, OKLAB, LCH, LAB) to avoid the muddy gray zones often found in standard RGB gradients.
- Target Specific Properties: Choose whether to affect Fill gradients, Stroke gradients, or both.
- Hue Path Control: For cylindrical color spaces (OKLCH, LCH), choose how the interpolation travels around the color wheel — Shorter, Longer, Increasing, or Decreasing.
- Adjustable Interpolated Stops: Total control over the number of intermediate stops (1–30) added between your original gradient stops.
- Real-time Preview: See your adjustments live on the canvas before committing.
- Hide Edges: Hide document selection bounding boxes and edges while previewing for a clearer view.
- Gradient Navigation: Cycle through multiple gradients in your selection using the Previous and Next buttons.
- Zoom to Selection: Instantly center and scale the view to your selected artwork for better inspection.
- Persistent Settings: Your preferences are automatically saved and loaded for a seamless experience across sessions.
- Smart Selection: Processes fills, strokes, groups, and compound paths simultaneously.
ㅤ

ㅤ
Installation
1. Download the Gradient Interpolator.jsx script file.
2. Place the script in your Adobe Illustrator Scripts folder:
⮑ Mac: /Applications/Adobe Illustrator (Version)/Presets/(Language)/Scripts
⮑ Windows: C:\Program Files\Adobe\Adobe Illustrator (Version)\Presets(Language)\Scripts
3. Restart Adobe Illustrator if it's already running
4. Access the script via File > Scripts > Gradient Interpolator
5. Alternatively, run it directly via File > Scripts > Other Script... and browse to the file location
Tip: You can also drag and drop the .jsx file directly onto the Illustrator workspace to run the script instantly – no installation needed.
ㅤ
ㅤ
Using the Script
ㅤ
Select Your Artwork
Open your Illustrator document and select the objects containing the gradients you wish to smooth. The script works on both Fill and Stroke gradients, even if they are nested inside groups.
For best results, use an RGB color mode document. The script will warn you if the document is in CMYK mode.
ㅤ
ㅤ
Launch the Script
- Navigate to File > Scripts > Gradient Interpolator.
- The interface will appear as a floating dialog, ready for adjustments.
- Your previous settings will be automatically loaded.
ㅤ

ㅤ
ㅤ
➊ Navigate and Preview Gradients
If you have multiple gradients selected, use the navigation controls to review them individually.
- Previous / Next Buttons: Cycle through all the gradients found in your selection.
- Gradient Previews: The Before and After scales display the original and the modified gradients.
- Zoom Button (⊕): Click to instantly center and scale the view to the objects using the currently previewed gradient.
ㅤ
ㅤ
➋ Adjust Interpolated Stops
Set how many intermediate stops are added per gradient segment to control the smoothness.
- Number Field and Scrollbar: Enter a number between 1 and 30, or use the scrollbar to adjust the value.
- Low Values (1–5): Provide a slight improvement in transitions with minimal file size increase.
- High Values (15–30): Offer maximum smoothness for large-scale backgrounds or print artwork, but increase file size.
ㅤ
ㅤ
➌ Choose an Interpolation Method
Select the color space that best fits your project to calculate the intermediate colors.
- OKLCH: The most modern and perceptually accurate method. Excellent for digital UI/UX and vibrant transitions.
- OKLAB: Offers linear perceptual interpolation, great for predictable color mixing.
- LCH: Traditional perceptual color space with strong hue preservation. Recommended for print workflows.
- LAB: Device-independent color space. A solid choice for print projects and photo editing workflows.
- RGB (Illustrator Default): Standard interpolation for comparison or legacy requirements.
ㅤ
ㅤ

ㅤ
ㅤ
➍ Set the Target and Hue Path
Configure which gradients to affect and how colors are mixed.
- Affect Gradients: Check Fill or Stroke to target specific object properties.
- Hue Path: When using OKLCH or LCH, control the direction the interpolation travels around the color wheel.
- Shorter: Takes the shortest arc, producing the most natural transition.
- Longer: Takes the opposite arc, passing through more intermediate hues.
- Increasing: Hue values always increase clockwise on the wheel.
- Decreasing: Hue values always decrease counter-clockwise on the wheel.
ㅤ

ㅤ
ㅤ
➎ Refine the Preview
Adjust your preview settings to get a clear view of the final result.
- Preview: Keep this checked to see changes instantly on the canvas.
- Hide Edges: Check this to temporarily hide selection paths and bounding boxes for an unobstructed view.
ㅤ
ㅤ
➏ Apply Your Changes
Once satisfied with the results, finalize or discard your adjustments.
- OK: Click to apply the new gradient stops to your artwork and save your current settings.
- Cancel: Click to revert to your original gradients and exit without making changes.
ㅤ

ㅤ
ㅤ
☻ Wrap-Up
Gradient Interpolator transforms the way you build color transitions in Adobe Illustrator, turning tedious manual tweaking into a single streamlined workflow. By combining modern perceptual color science with intuitive real-time controls, it delivers gradients that look flawless on screen and in print. Experiment with the different color spaces and hue paths to discover what works best for your style — and enjoy banding-free results every time.
ㅤ
ㅤ