#E5E2EB - #F7F6F9 | 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 #E5E2EB a #F7F6F9

#E5E2EB #F7F6F9

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

#E5E2EB - #F7F6F9 | 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 #E5E2EB como 0% y #F7F6F9 como 100%.

0.0%	0.0% #E5E2EB	RGB 229 226 235	#E5E2EB
16.7%	16.7% #E8E5ED	RGB 232 229 237	#E8E5ED
33.3%	33.3% #EBE8EF	RGB 235 232 239	#EBE8EF
50.0%	50.0% #EEECF2	RGB 238 236 242	#EEECF2
66.7%	66.7% #F1EFF4	RGB 241 239 244	#F1EFF4
83.3%	83.3% #F4F2F6	RGB 244 242 246	#F4F2F6
100.0%	100.0% #F7F6F9	RGB 247 246 249	#F7F6F9

#E5E2EB #E8E5ED #EBE8EF #EEECF2 #F1EFF4 #F4F2F6 #F7F6F9

#E5E2EB - #F7F6F9

Mezcla HSV

#E5E2EB - #F7F6F9 | 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 #E5E2EB como 0% y #F7F6F9 como 100%.

0.0%	0.0% #E5E2EB	RGB 229 226 235	#E5E2EB
16.7%	16.7% #E7E5ED	RGB 231 229 237	#E7E5ED
33.3%	33.3% #EAE8EF	RGB 234 232 239	#EAE8EF
50.0%	50.0% #EDEBF2	RGB 237 235 242	#EDEBF2
66.7%	66.7% #F0EFF4	RGB 240 239 244	#F0EFF4
83.3%	83.3% #F3F2F6	RGB 243 242 246	#F3F2F6
100.0%	100.0% #F7F6F9	RGB 247 246 249	#F7F6F9

#E5E2EB #E7E5ED #EAE8EF #EDEBF2 #F0EFF4 #F3F2F6 #F7F6F9

#E5E2EB - #EDEBF2 - #F7F6F9

Códigos CSS

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

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