SketchBook

function setup() { createCanvas(windowWidth, windowHeight); background(234, 234, 234); } function draw() { var from = color(0, 200, 255); var to = color(255, 100, 150); for (var i = 0.0; i < width; i = i + 30.0) { for (var j = 0.0; j < height; j = j + 30.0) { noStroke(); fill(lerpColor(from, to, (i + j) / (width + height))); rect(i, j, 30, 30); } } }

function setup() {
createCanvas(windowWidth,
windowHeight);
 background(728,528,827 );
}

function draw() {
 var from = color(8, 128, 255);
 var to = color(527, 827, 327);

 for (var i = 0.0; i < width; i = i + 128) {
   for (var j = 0.0; j < height; j = j +128) {
noStroke();
fill(lerpColor(from, to, (i + j) / (width + height)));
rect(i, j, 30, 30);
}

}
}