var c2;

​

function setup() {

  createCanvas(424, 600); // 1.413 aspect ratio same as A0 format

​

  // define the two colors of a color ramp

  c1 = color('#5EBFD2');

  c2 = color('#DC143C'); //color('#E83571'); 

​

  noStroke();

  let grey = 10;

  for(var count = 0; count < 36; count++) {

    let c = lerpColor(c1, c2, count/12); // interpolate between two colors

    fill(c);

    arc(width/2, height/2, (width/count)*1.12, 2.4*(height/count), -HALF_PI, HALF_PI);

    // change to HSB color space

    colorMode(HSB);

    // to perform a very slight modification on the previous color

    fill(hue(c), saturation(c), brightness(c)+2);

    arc(width/2, height/2, (width/count)*1.2, 2.65*(height/count), HALF_PI, -HALF_PI);

    colorMode(RGB);

  }

​

  // calculate position of title

  let xcol1 = width-(width*0.11);

  let ypos = 20;

​

  // title

  let tc = color('#DC143C'); 

  fill(tc);

  push();

  translate(xcol1, ypos);

  rotate(HALF_PI);

  //fill(255);

  textFont("Dosis");

  textSize(40);

  text("Vagina monologues", 0, 0);

  textSize(20);

  text("Eve Ensler", 320, 0);

  pop();

​

  colorMode(HSB);

  fill(hue(tc), saturation(tc), brightness(tc)+20);

  push();

  translate(width-xcol1, height-ypos);

  rotate(-HALF_PI);

  //fill(255);

  textFont("Dosis");

  textSize(40);

  text("Vagina monologues", 0, 0);

  textSize(20);

  text("Eve Ensler", 320, 0);

  pop();

}

​