Sample: ocean
Path settings
Sample density6 stops
6 stops
Type
Path
(120, 80) → (500, 380) · drag endpoints to re-sample live
Free
Gradient stops
Sampling path from image…
Why Gradient Path
What Gradient Path does best
Drag endpoints live
Drag either endpoint to re-sample in real time. Find the perfect line through a sky or product surface.
Pixel sampling
Even-interval reads along your line — perceptually meaningful, never a blurry average. Pick the axis instead of letting Gradient infer it.
How it works
Three steps with Gradient Path
STEP 01
Drop an image
A clear directional color flow works best.
STEP 02
Draw a line
Click two endpoints to define the path.
STEP 03
Re-sample live
Drag endpoints to re-sample as you go; export when happy.
Use cases
When to reach for this one
01
Sky-from-photo
Sample a sky's vertical gradient and use it as a background.
02
Product highlight
Extract the gradient down a metallic product surface for UI matching.
03
Hand-painted strokes
Sample a watercolor stroke's gradient for a brand identity.
About this tool
Sample the gradient along a straight line you draw — handy for matching gradients in photography, packshots, or skies.
FAQ
Questions about Gradient Path
Even-interval pixel reads along the line, then snapped to perceptual color clusters.
Drawing a 1-pixel-precise line is awkward on touch. Mobile lets you tap two endpoints instead.
Yes — drag either endpoint and the gradient re-samples in real time. Great for finding the perfect line through a sky or product surface.
Typically 6-12, snapped to perceptual clusters along the line. The snapping keeps noisy pixels from polluting the gradient.
Gradient uses the image's natural color axis. Gradient Path lets you pick the axis manually by drawing a line — useful when the colors aren't axis-aligned.
Continue with this palette in
Send these colors to another tool
Three siblings inside Image Color Studio, three destinations in the wider iColorPalette app. Cards show what your palette would look like there.
Studio siblings