#DBDEE7 - #E3E9EB | 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 #DBDEE7 a #E3E9EB

#DBDEE7 #E3E9EB

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

#DBDEE7 - #E3E9EB | 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 #DBDEE7 como 0% y #E3E9EB como 100%.

0.0%	0.0% #DBDEE7	RGB 219 222 231	#DBDEE7
16.7%	16.7% #DCDFE7	RGB 220 223 231	#DCDFE7
33.3%	33.3% #DDE1E8	RGB 221 225 232	#DDE1E8
50.0%	50.0% #DFE3E9	RGB 223 227 233	#DFE3E9
66.7%	66.7% #E0E5E9	RGB 224 229 233	#E0E5E9
83.3%	83.3% #E1E7EA	RGB 225 231 234	#E1E7EA
100.0%	100.0% #E3E9EB	RGB 227 233 235	#E3E9EB

#DBDEE7 #DCDFE7 #DDE1E8 #DFE3E9 #E0E5E9 #E1E7EA #E3E9EB

#DBDEE7 - #E3E9EB

Mezcla HSV

#DBDEE7 - #E3E9EB | 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 #DBDEE7 como 0% y #E3E9EB como 100%.

0.0%	0.0% #DBDEE7	RGB 219 222 231	#DBDEE7
16.7%	16.7% #DCE0E7	RGB 220 224 231	#DCE0E7
33.3%	33.3% #DDE2E8	RGB 221 226 232	#DDE2E8
50.0%	50.0% #DEE3E9	RGB 222 227 233	#DEE3E9
66.7%	66.7% #E0E5E9	RGB 224 229 233	#E0E5E9
83.3%	83.3% #E1E7EA	RGB 225 231 234	#E1E7EA
100.0%	100.0% #E3E9EB	RGB 227 233 235	#E3E9EB

#DBDEE7 #DCE0E7 #DDE2E8 #DEE3E9 #E0E5E9 #E1E7EA #E3E9EB

#DBDEE7 - #DEE3E9 - #E3E9EB

Códigos CSS

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

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