createCanvas(400, 400);

  noLoop();

}

​

function draw() {

  background(220);

  color1 = '#3F51B5';

  color2 = '#FFC107';

  for (i = 0; i <= 1; i+=0.1) {

    newColor = lerpColor(color(color1), color(color2), i);

    fill(newColor);

    noStroke();

    rect(width / 10 * i * 10, 0, width / 10, height);

  }

}