let sevenam = [241, 175, 138];

let eightam = [233, 184, 170];

let nineam = [221, 187, 187];

let tenam = [216, 211, 217];

let elevenam = [198, 215, 232];

let twelvepm = [205, 217, 230];

let sixpm = [246, 165, 84];

let fivepm = [241, 175, 138];

let fourpm = [233, 184, 170];

let threepm = [221, 187, 187];

let twopm = [216, 211, 217];

let onepm = [198, 215, 232];

​

let timeArr = [

  sixam,

  sevenam,

  eightam,

  nineam,

  tenam,

  elevenam,

  twelvepm,

  sixpm,

  fivepm,

  fourpm,

  threepm,

  twopm,

  onepm

]

​

const firstTime = 6;

​

function setup() {

  createCanvas(600, 600);

  background(0)

}

​

function draw() {

  let h = hour() - firstTime;

  if( h < 0 ){

    h = 0;

  }else if( h >= timeArr.length ){

    h = timeArr.length-1;

  }

​

  let cFrom = timeArr[h];

  let cTo = timeArr[h+1];

​

  let amt = map(minute(), 0, 60, 0, 1);

  let newColor = lerpColor(color(cFrom), color(cTo), amt);

  background(newColor);

}