Skip to main content

Color Blend

This node interpolates between two colors.

The Color Blend node calculates a color that lies between two input colors based on a mixing factor.

The Color Blend node takes two colors (Color A and Color B) and a Mix value (0 to 1). It outputs a new color that is a blend of the two. 0 outputs Color A, 1 outputs Color B, and 0.5 outputs a perfect mix.

Inputs

Colors

DataDescription
Color AThe start color (Mix = 0).
Color BThe end color (Mix = 1).

Control

DataDescription
MixA number between 0 and 1 determining the blend ratio.

Outputs

Result

DataDescription
ResultThe blended color string (e.g., "rgba(100, 50, 200, 1)").

Usage

Health Bar Color

  1. Color A: Red (Low Health).
  2. Color B: Green (High Health).
  3. Mix: .
  4. Connect Result to the health bar's Background Color.

Day/Night Cycle

  1. Color A: Sky Blue.
  2. Color B: Dark Blue.
  3. Mix: Animate from 0 to 1 over time.

Detailed Behavior

  • Interpolation: Blends Red, Green, Blue, and Alpha channels linearly.

Troubleshooting

  • Invalid Color: Ensure inputs are valid color strings or Color objects. Invalid inputs default to black.