#DBDCDD - #E5E7E0 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #DBDCDD a #E5E7E0

#DBDCDD #E5E7E0

Calcule el color entre dos colores, #DBDCDD y #E5E7E0. 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)

#DBDCDD - #E5E7E0 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #DBDCDD como 0% y #E5E7E0 como 100%.

0.0%	0.0% #DBDCDD	RGB 219 220 221	#DBDCDD
16.7%	16.7% #DCDDDD	RGB 220 221 221	#DCDDDD
33.3%	33.3% #DEDFDE	RGB 222 223 222	#DEDFDE
50.0%	50.0% #E0E1DE	RGB 224 225 222	#E0E1DE
66.7%	66.7% #E1E3DF	RGB 225 227 223	#E1E3DF
83.3%	83.3% #E3E5DF	RGB 227 229 223	#E3E5DF
100.0%	100.0% #E5E7E0	RGB 229 231 224	#E5E7E0

#DBDCDD #DCDDDD #DEDFDE #E0E1DE #E1E3DF #E3E5DF #E5E7E0

#DBDCDD - #E5E7E0

Mezcla HSV

#DBDCDD - #E5E7E0 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #DBDCDD como 0% y #E5E7E0 como 100%.

0.0%	0.0% #DBDCDD	RGB 219 220 221	#DBDCDD
16.7%	16.7% #DBDEDE	RGB 219 222 222	#DBDEDE
33.3%	33.3% #DCE0DF	RGB 220 224 223	#DCE0DF
50.0%	50.0% #DDE2DF	RGB 221 226 223	#DDE2DF
66.7%	66.7% #DEE3DE	RGB 222 227 222	#DEE3DE
83.3%	83.3% #E1E5DF	RGB 225 229 223	#E1E5DF
100.0%	100.0% #E5E7E0	RGB 229 231 224	#E5E7E0

#DBDCDD #DBDEDE #DCE0DF #DDE2DF #DEE3DE #E1E5DF #E5E7E0

#DBDCDD - #DDE2DF - #E5E7E0

Códigos CSS

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

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