#BEBEBE - #ECECEC | colorate

Calcule el color entre dos colores, #BEBEBE y #ECECEC. 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, #BEBEBE 0%, #ECECEC 100%);
    background: -webkit-linear-gradient(top, #BEBEBE 0%, #ECECEC 100%);
    background: linear-gradient(to bottom, #BEBEBE 0%, #ECECEC 100%);
}

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

Variación de tono similar

Variación de tono diferente