let fromColor;

let toColor;

let canvasSize = 400;

let steps = 100;

let stepS = canvasSize / steps;

​

function setup() {

  createCanvas(canvasSize, canvasSize);

  noStroke();

  fromColor = color(218, 165, 32);

  toColor = color(72, 61, 139);

​

  for (let k = 0; k <= steps/2; k++) {

    colors[k] = lerpColor(fromColor, toColor, 1- k / (steps/2))

  }

  for (let k = steps/2; k < steps; k++) {

    colors[k] = lerpColor(fromColor, toColor, (k-steps/2) / (steps/2))

  }

  frameRate(60);

}

​

function draw() {

​

  colors.push(colors.shift())  

  for (let k = 0; k < steps; k++) {

    fill(colors[k]);

    rect(stepS * k, 0, stepS, canvasSize);

  }

}