Gradient Art - Creating color blocks using CSS gradients and background-size

Just a begining

Piet Mondrian - Composition II in Red, Blue, and Yellow, 1930

background:
linear-gradient(gold, gold) 185px 175px, 
linear-gradient(maroon, maroon) 60px 0px, 
linear-gradient(navy, navy) 0px 145px, 
linear-gradient(white, white) 0px 0px, 
linear-gradient(white, white) 0px 70px, 
linear-gradient(white, white) 60px 145px, 
linear-gradient(white, white) 185px 145px, 
black;

background-size: 15px 25px, 140px 140px, 55px 55px, 55px 60px, 55px 70px, 120px 55px;
background-repeat: no-repeat;

Reference image (screenshot in Chrome 11).


Please see CSS Image Values and Replaced Content Module Level 3 - 5.1. Linear Gardients