#E5E4E6 - #EFC7EE | 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 #E5E4E6 a #EFC7EE

#E5E4E6 #EFC7EE

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

#E5E4E6 - #EFC7EE | 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 #E5E4E6 como 0% y #EFC7EE como 100%.

0.0%	0.0% #E5E4E6	RGB 229 228 230	#E5E4E6
16.7%	16.7% #E6DFE7	RGB 230 223 231	#E6DFE7
33.3%	33.3% #E8DAE8	RGB 232 218 232	#E8DAE8
50.0%	50.0% #EAD5EA	RGB 234 213 234	#EAD5EA
66.7%	66.7% #EBD0EB	RGB 235 208 235	#EBD0EB
83.3%	83.3% #EDCBEC	RGB 237 203 236	#EDCBEC
100.0%	100.0% #EFC7EE	RGB 239 199 238	#EFC7EE

#E5E4E6 #E6DFE7 #E8DAE8 #EAD5EA #EBD0EB #EDCBEC #EFC7EE

#E5E4E6 - #EFC7EE

Mezcla HSV

#E5E4E6 - #EFC7EE | 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 #E5E4E6 como 0% y #EFC7EE como 100%.

0.0%	0.0% #E5E4E6	RGB 229 228 230	#E5E4E6
16.7%	16.7% #E4DFE7	RGB 228 223 231	#E4DFE7
33.3%	33.3% #E4DAE9	RGB 228 218 233	#E4DAE9
50.0%	50.0% #E5D5EA	RGB 229 213 234	#E5D5EA
66.7%	66.7% #E7D0EC	RGB 231 208 236	#E7D0EC
83.3%	83.3% #EBCCED	RGB 235 204 237	#EBCCED
100.0%	100.0% #EFC7EE	RGB 239 199 238	#EFC7EE

#E5E4E6 #E4DFE7 #E4DAE9 #E5D5EA #E7D0EC #EBCCED #EFC7EE

#E5E4E6 - #E5D5EA - #EFC7EE

Códigos CSS

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

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