Skip to content
ArcBrush ArcBrush Docs

Gradient

Node icon
Generator

Generates linear, radial, angular, or diamond gradients with multi-stop color control.

The Gradient node produces smooth color transitions in four shapes: linear, radial, angular, and diamond. Add as many color stops as you need and position them along the gradient.

Gradients are often used as inputs to other nodes. Wire one into a Mask Apply to create a gradient fade, or use it as a Gradient Map input to colorize grayscale images. The repeat and mirror modes let you tile gradients for pattern effects.

The Dither option (on by default) applies Floyd-Steinberg error diffusion to eliminate visible banding on subtle gradients, especially noticeable on smooth linear transitions between similar colors.

Parameters

Section titled “Parameters”

Output

WidthInteger
Default: 512 Range: 16–8192

Output width (overridden when size_ref connected)

HeightInteger
Default: 512 Range: 16–8192

Output height (overridden when size_ref connected)

Gradient

TypeChoice
Default: Linear

Gradient shape

  • LinearA straight-line blend from start point to end point.
  • RadialA circular blend radiating outward from a center point.
  • AngularA sweep around a center point, like a color wheel.
  • DiamondA diamond-shaped blend radiating from a center point.
Start XNumber
Default: 0.0 Range: -1.0–2.0

Normalized start X (0=left, 1=right)

Start YNumber
Default: 0.5 Range: -1.0–2.0

Normalized start Y (0=top, 1=bottom)

End XNumber
Default: 1.0 Range: -1.0–2.0

Normalized end X (0=left, 1=right)

End YNumber
Default: 0.5 Range: -1.0–2.0

Normalized end Y (0=top, 1=bottom)

AngleNumber
Default: 0.0 Range: 0.0–360.0

Rotation offset for angular gradient

Center XNumber
Default: 0.5 Range: 0.0–1.0

Horizontal center (0=left, 1=right)

Center YNumber
Default: 0.5 Range: 0.0–1.0

Vertical center (0=top, 1=bottom)

Scale / Scale XNumber
Default: 1.0 Range: 0.1–10.0

Horizontal scale; smaller=wider, larger=tighter

Scale YNumber
Default: (= scale) Range: 0.1–10.0

Vertical scale; smaller=taller, larger=shorter

RepeatChoice
Default: None

Beyond bounds: None (clamp)/Repeat (tile)/Mirror (ping-pong)

  • NoneColors clamp at the edges — no repetition.
  • RepeatThe gradient tiles end-to-end, creating a repeating pattern.
  • MirrorThe gradient reverses direction at each edge, creating a ping-pong effect.
DitherToggle
Default: true

Add ordered dithering to reduce visible banding on subtle gradients

Notes

Linear * only applies to Linear. Angle only applies to Angular. Center X/Y for Radial/Angular/Diamond. Scale Y for Radial/Diamond.

Usage Tips

Section titled “Usage Tips”
  • Wire a gradient into Composite as a blend mask for smooth transitions between two images.
  • Angular gradients create color wheel effects, useful for hue reference images.
  • Each stop in the gradient editor has its own eyedropper, so you can sample a color from anywhere on the canvas straight into a stop.
Section titled “Related Nodes”