21-215b

let pallete = ["#2d3047", "#B1B0B1", "#533747", "#5f506b", "#6a6b83", "#76949f", "#86bbbd"];

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB, 360, 100, 100, 100);

  background(203, 12, 25);

}

​

function draw() {

  frameRate(5);

   let c1 = color(326, 34, 33); 

  let c2 = color(273, 25, 42); 

  let c3 = color(238, 19, 51); 

  let c4 = color(196, 26, 62);

​

  let gradient = drawingContext.createLinearGradient(300, 200, 200, 400);

​

  gradient.addColorStop(0.0, c1);

  gradient.addColorStop(0.5, c2);

  gradient.addColorStop(0.8, c3);

  gradient.addColorStop(1.0, c4);

​

  drawingContext.fillStyle = gradient;

  noStroke(); 

​

  circle(random(width), 400, random(400));

  stars();

}

​

​

function stars() {

  drawingContext.shadowBlur = 1;

  drawingContext.shadowColor = color(65, 5, 97); 

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

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

      let x = i * random(width);

      let y = j * random(height);

​

      circle(x, y,2);

      fill(59, 81, 100);

    }

  }

 }