let gradB = "#90133F"

let gradC = "#ff8b35"

​

let colourEdge = "#EBCB7E"

​

let gradD = "#80ac93"

let gradE = "#2a7288"

let gradF = "#091c22"

​

​

function setup() {

  createCanvas(400, 400);

  noStroke();

  noLoop();

}

​

function draw() {

  background(220);

  let perlinScale = 0.015;

  for (let i = 0; i < width; i++) {

    for (let j = 0; j < height; j++) {

      let perlin = noise(i*perlinScale, j*perlinScale);

      let col;

      let colourA;

      let colourB;

​

      //A - B

      if (perlin < 0.25){

        colourA = color(gradA);

        colourB = color(gradB);

        perlin = map(perlin, 0, 0.25, 0, 1);

      }

      //B - C

      else if (perlin > 0.25 && perlin < 0.5){

        colourA = color(gradB);

        colourB = color(gradC);

        perlin = map(perlin, 0.25, 0.5, 0, 1);

      }

      //edge glow

      else if (perlin > 0.5 && perlin < 0.55){

        colourA = color(colourEdge);

        colourB = color(gradD);

        perlin = map(perlin, 0.5, 0.55, 0, 1);

      }

      //D - E

      else if (perlin > 0.55 && perlin < 0.6){

        colourA = color(gradD);

        colourB = color(gradE);

        perlin = map(perlin, 0.55, 0.6, 0, 1);

      //E - F

      }else if (perlin > 0.6 && perlin < 0.7){

        colourA = color(gradE);

        colourB = color(gradF);

        perlin = map(perlin, 0.6, 0.7, 0, 1);

      //F 

      }else{

        colourA = color(gradF);

        colourB = color(gradF);

        perlin = map(perlin, 0.7, 1.0, 0, 1);

      }

      col = lerpColor(colourA, colourB, perlin); 

      set(i, j, color(col));

    }

  }

  updatePixels();

}