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

#E5E5E7 #F7F7F8

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

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

0.0%	0.0% #E5E5E7	RGB 229 229 231	#E5E5E7
16.7%	16.7% #E8E8E9	RGB 232 232 233	#E8E8E9
33.3%	33.3% #EBEBEC	RGB 235 235 236	#EBEBEC
50.0%	50.0% #EEEEEF	RGB 238 238 239	#EEEEEF
66.7%	66.7% #F1F1F2	RGB 241 241 242	#F1F1F2
83.3%	83.3% #F4F4F5	RGB 244 244 245	#F4F4F5
100.0%	100.0% #F7F7F8	RGB 247 247 248	#F7F7F8

#E5E5E7 #E8E8E9 #EBEBEC #EEEEEF #F1F1F2 #F4F4F5 #F7F7F8

#E5E5E7 - #F7F7F8

Mezcla HSV

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

0.0%	0.0% #E5E5E7	RGB 229 229 231	#E5E5E7
16.7%	16.7% #E7E7E9	RGB 231 231 233	#E7E7E9
33.3%	33.3% #EAEAEC	RGB 234 234 236	#EAEAEC
50.0%	50.0% #EDEDEF	RGB 237 237 239	#EDEDEF
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

#E5E5E7 #E7E7E9 #EAEAEC #EDEDEF #F0F0F2 #F3F3F5 #F7F7F8

#E5E5E7 - #EDEDEF - #F7F7F8

Códigos CSS

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

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