#E5E3E7 - #F7F7F8 | 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 #E5E3E7 a #F7F7F8

#E5E3E7 #F7F7F8

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

#E5E3E7 - #F7F7F8 | 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 #E5E3E7 como 0% y #F7F7F8 como 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #E8E6E9	RGB 232 230 233	#E8E6E9
33.3%	33.3% #EBE9EC	RGB 235 233 236	#EBE9EC
50.0%	50.0% #EEEDEF	RGB 238 237 239	#EEEDEF
66.7%	66.7% #F1F0F2	RGB 241 240 242	#F1F0F2
83.3%	83.3% #F4F3F5	RGB 244 243 245	#F4F3F5
100.0%	100.0% #F7F7F8	RGB 247 247 248	#F7F7F8

#E5E3E7 #E8E6E9 #EBE9EC #EEEDEF #F1F0F2 #F4F3F5 #F7F7F8

#E5E3E7 - #F7F7F8

Mezcla HSV

#E5E3E7 - #F7F7F8 | 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 #E5E3E7 como 0% y #F7F7F8 como 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #E7E6E9	RGB 231 230 233	#E7E6E9
33.3%	33.3% #EAE9EC	RGB 234 233 236	#EAE9EC
50.0%	50.0% #EDECEF	RGB 237 236 239	#EDECEF
66.7%	66.7% #F0F0F2	RGB 240 240 242	#F0F0F2
83.3%	83.3% #F3F3F5	RGB 243 243 245	#F3F3F5
100.0%	100.0% #F7F7F8	RGB 247 247 248	#F7F7F8

#E5E3E7 #E7E6E9 #EAE9EC #EDECEF #F0F0F2 #F3F3F5 #F7F7F8

#E5E3E7 - #EDECEF - #F7F7F8

Códigos CSS

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

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