Color gradient example using lerpColor

gradient.js

var color1, color2;
var gradientHeight = 300; //change this to change how far down the screen the gradient goes


function setup() {
  createCanvas(800, 800);
  
  color1 = color('#e67e22');
  color2 = color('#2ecc71');

  var lineNum = 0;

  while (lineNum < gradientHeight) {
    stroke(lerpColor(color1, color2, 1 / gradientHeight * lineNum));
    line(0, lineNum, width, lineNum);
    lineNum += 1;
  }
}

function draw() {
  
}