Gradient

Nodes in this category build gradients and adjust the placement of their color stops, as well as the shape and repetition of the transition between them.

Nodes

NodeDetailsPossible Types
Colors to Gradient

Constructs a gradient from a Color[], where each color becomes a gradient stop. A position attribute on the colors places their stops along the ramp and a midpoint attribute skews each transition, while colors carrying neither are distributed evenly across the 0 to 1 range.

Graphic[] → Gradient
Color[] → Gradient
Gradient Cyclic

Sets whether each gradient in the input list treats its stops as a cycle, interpolating from the last stop back around to the first.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Form

Sets the form (linear or radial) of each gradient in the input list.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Hue Direction

Sets which way around the hue wheel each gradient in the input list interpolates, for polar color spaces.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Interpolation

Sets the path each gradient in the input list interpolates along, deciding whether it jumps, turns corners, or flows smoothly through its stops.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Midpoints

Skews how rapidly the color flows across each interval between color stops, bunching up the transition toward one end instead of progressing uniformly. Each value places the halfway color within its corresponding interval, measured as a fraction of the distance (0 to 1) between the adjacent stops. A 0.5 midpoint keeps a uniform transition rate through the interval.

Non-cyclic gradients have no interval following the last stop, meaning the midpoint is ignored in that position.

A list shorter than the stop count repeats its last value, a longer list is truncated, and an empty list sets each midpoint to its default of 0.5.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Positions

Sets the position of each of a gradient's stops, a factor from 0 to 1 along the gradient.

A list shorter than the stop count repeats its last value, a longer list is truncated, and an empty list sets each stop to its default evenly spaced position.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Reverse

Reverses the order of each gradient's stops, moving the color at the start of the ramp to the end and vice versa.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Shift

Shifts every stop along each gradient's ramp, sliding the colors within the gradient without moving the gradient itself.

The fraction is measured against the whole ramp. A cyclic gradient spins, wrapping past the end back around to the start so 1 is a full turn that lands where it began. A gradient that isn't cyclic has no loop to spin around, so its stops slide off the end and keep going, leaving the visible ramp to blend between whichever colors still span it.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Space

Sets the color space in which each gradient in the input list interpolates between its stops.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Spread

Sets how each gradient in the input list extends past its endpoints: Pad, Reflect, Repeat, or Clear.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient Stretch

Stretches or squeezes the spacing of each gradient's stops around a pivot, spreading the colors within the gradient without moving the gradient itself.

The factor multiplies every stop's distance from the pivot, so 2 spreads the ramp over twice its span while 0.5 packs it into half. A negative factor mirrors the stops across the pivot, reversing the order of the colors.

The pivot is the one point that stays put, measured against the whole ramp from 0 at the start to 1 at the end.

Gradient → Gradient
Gradient[] → Gradient[]
Gradient to Colors

Unwraps a gradient into a Color[] of its stops, keeping any position and midpoint attributes that place them along the ramp. Attributes belonging to the gradient as a whole (like spread and interpolation), rather than its individual color stops, are not preserved.

Gradient → Color[]
Gradient[] → Color[]