#E5E5E7 - #DCC7EF | 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 #E5E5E7 a #DCC7EF

#E5E5E7 #DCC7EF

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

#E5E5E7 - #DCC7EF | 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 #E5E5E7 como 0% y #DCC7EF como 100%.

0.0%	0.0% #E5E5E7	RGB 229 229 231	#E5E5E7
16.7%	16.7% #E3E0E8	RGB 227 224 232	#E3E0E8
33.3%	33.3% #E2DBE9	RGB 226 219 233	#E2DBE9
50.0%	50.0% #E0D6EB	RGB 224 214 235	#E0D6EB
66.7%	66.7% #DFD1EC	RGB 223 209 236	#DFD1EC
83.3%	83.3% #DDCCED	RGB 221 204 237	#DDCCED
100.0%	100.0% #DCC7EF	RGB 220 199 239	#DCC7EF

#E5E5E7 #E3E0E8 #E2DBE9 #E0D6EB #DFD1EC #DDCCED #DCC7EF

#E5E5E7 - #DCC7EF

Mezcla HSV

#E5E5E7 - #DCC7EF | 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 #E5E5E7 como 0% y #DCC7EF como 100%.

0.0%	0.0% #E5E5E7	RGB 229 229 231	#E5E5E7
16.7%	16.7% #E0E0E8	RGB 224 224 232	#E0E0E8
33.3%	33.3% #DDDBE9	RGB 221 219 233	#DDDBE9
50.0%	50.0% #DBD6EB	RGB 219 214 235	#DBD6EB
66.7%	66.7% #DAD1EC	RGB 218 209 236	#DAD1EC
83.3%	83.3% #DACCED	RGB 218 204 237	#DACCED
100.0%	100.0% #DCC7EF	RGB 220 199 239	#DCC7EF

#E5E5E7 #E0E0E8 #DDDBE9 #DBD6EB #DAD1EC #DACCED #DCC7EF

#E5E5E7 - #DBD6EB - #DCC7EF

Códigos CSS

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

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