Hola:
La verdad es que sin imágenes y que ocupe toda la página creo que es muy trabajoso y dudo de que en todos los navegadores vaya bien, pero te voy a intentar explicar la parte teórica:
En primer lugar debes conocer todos los
colores intermedios; en el enlace se consigue automáticamente con javascript, pero sin saber el tamaño exacto y sin lenguajes de programación tiene que ser una tarea muy ardua.
Para 100 colores tendrías que tener 100 capas cuyo z-index sea menor que los elementos de la página, y deberían definirse más o menos:
.fondo {position: absolute; width: 100%; height: 1%; left: 0; z-index: -1;}
#fondo0 {top: 0%; background-color: #000000;}
#fondo1 {top: 1%; background-color: #000001;}
...
#fondo99 {top: 99%}
Y luego las capas:
<div class="fondo" id="fondo0">
<div class="fondo" id="fondo1">
<div class="fondo" id="fondo2">
Los fondos debes calcularlos...
Saludos
