#D4D4D4 - #F2F2F2 | colorate

Calcule el color entre dos colores, #D4D4D4 y #F2F2F2. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)   

Mezcla HSV   

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #D4D4D4 0%, #F2F2F2 100%);
    background: -webkit-linear-gradient(top, #D4D4D4 0%, #F2F2F2 100%);
    background: linear-gradient(to bottom, #D4D4D4 0%, #F2F2F2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4D4D4 0%, #E3E3E3 50%, #F2F2F2 100%);
    background: -webkit-linear-gradient(top, #D4D4D4 0%, #E3E3E3 50%, #F2F2F2 100%);
    background: linear-gradient(to bottom, #D4D4D4 0%, #E3E3E3 50%, #F2F2F2 100%);
}
</style>

Variación de tono similar

Variación de tono diferente