#E5E6E7 - #FAFAFF | 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 #E5E6E7 a #FAFAFF

#E5E6E7 #FAFAFF

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

#E5E6E7 - #FAFAFF | 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 #E5E6E7 como 0% y #FAFAFF como 100%.

0.0%	0.0% #E5E6E7	RGB 229 230 231	#E5E6E7
16.7%	16.7% #E8E9EB	RGB 232 233 235	#E8E9EB
33.3%	33.3% #ECECEF	RGB 236 236 239	#ECECEF
50.0%	50.0% #EFF0F3	RGB 239 240 243	#EFF0F3
66.7%	66.7% #F3F3F7	RGB 243 243 247	#F3F3F7
83.3%	83.3% #F6F6FB	RGB 246 246 251	#F6F6FB
100.0%	100.0% #FAFAFF	RGB 250 250 255	#FAFAFF

#E5E6E7 #E8E9EB #ECECEF #EFF0F3 #F3F3F7 #F6F6FB #FAFAFF

#E5E6E7 - #FAFAFF

Mezcla HSV

#E5E6E7 - #FAFAFF | 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 #E5E6E7 como 0% y #FAFAFF como 100%.

0.0%	0.0% #E5E6E7	RGB 229 230 231	#E5E6E7
16.7%	16.7% #E8E9EB	RGB 232 233 235	#E8E9EB
33.3%	33.3% #ECEDEF	RGB 236 237 239	#ECEDEF
50.0%	50.0% #EFF0F3	RGB 239 240 243	#EFF0F3
66.7%	66.7% #F3F3F7	RGB 243 243 247	#F3F3F7
83.3%	83.3% #F6F6FB	RGB 246 246 251	#F6F6FB
100.0%	100.0% #FAFAFF	RGB 250 250 255	#FAFAFF

#E5E6E7 #E8E9EB #ECEDEF #EFF0F3 #F3F3F7 #F6F6FB #FAFAFF

#E5E6E7 - #EFF0F3 - #FAFAFF

Códigos CSS

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

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