Gradient Canvas

Create a smooth color transition between two colors

source 1 credit

Gradient Canvas

Create a smooth color transition between two colors

Overview

The Gradient Canvas node creates a linear gradient that smoothly transitions between two colors at a specified angle. Perfect for creating backgrounds, overlays, and visual depth in your compositions.

Usage Tips

  • Use 0 degrees for horizontal gradients (left to right)
  • Use 90 degrees for vertical gradients (top to bottom)
  • Create sunset effects with orange (#FFA500) to purple (#800080)
  • Subtle gradients work well as photo backgrounds - try similar colors

Common Pairings

  • Merge - Blend gradients with photos for atmospheric effects
  • Text - Place text on gradient backgrounds for visual interest
  • Mask - Use gradients as masks for fade effects

Gotchas

  • The gradient angle wraps at 360 degrees
  • For radial gradients, consider using the Ellipse node with transparency instead

Technical Reference

Outputs

NameTypeDescription
outputImageA gradient image

Parameters

NameTypeDefaultDescription
params_sizesizemap[height:600 width:800]Canvas dimensions in pixels
params_colour_startcolor#000000Starting color of the gradient
params_colour_endcolor#FFFFFFEnding color of the gradient
params_gradient_angleangle0Gradient angle in degrees (0=horizontal, 90=vertical)