/******************/
/*White Background*/
/******************/
for($i = 1; $i < 12; $i++){
 if ($i == 11) { echo "<p style='color:#fff'>".$i."</p>"; }
 elseif ($i == 10) { echo "<p style='color:#ccc'>".$i."</p>"; }
 elseif ($i < 10) { echo "<p style='color:#".str_repeat($i,3)."'>".$i."</p>"; }
}

/******************/
/*Black Background*/
/******************/
for($i = 1; $i < 12; $i++){
 if ($i == 1) { echo "<p style='color:#fff'>".$i."</p>"; }
 elseif ($i == 2) { echo "<p style='color:#ccc'>".$i."</p>"; }
 elseif ($i > 2) { echo "<p style='color:#".str_repeat(12-$i,3)."'>".$i."</p>"; }
} 

/******************/
/*White Background*/
/******************/
for($i = 1; $i < 12; $i++){
 if ($i == 11) { echo "<q style='color:#ccc'>".$i."</q>"; }
 elseif ($i == 10) { echo "<q style='color:#fff'>".$i."</q>"; }
 elseif ($i < 10) { echo "<q style='color:#".str_repeat($i,3)."'>".$i."</p>"; }
}

/******************/
/*Black Background*/
/******************/
for($i = 1; $i < 12; $i++){
 if ($i == 1) { echo "<q style='color:#ccc'>".$i."</q>"; }
 elseif ($i == 2) { echo "<q style='color:#fff'>".$i."</w>"; }
 elseif ($i > 2) { echo "<q style='color:#".str_repeat(12-$i,3)."'>".$i."</q>"; }
}

Still good though ^^ 4/10