#EEE5E7 - #FAF7F8 | 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 #EEE5E7 a #FAF7F8

#EEE5E7 #FAF7F8

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

#EEE5E7 - #FAF7F8 | 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 #EEE5E7 como 0% y #FAF7F8 como 100%.

0.0%	0.0% #EEE5E7	RGB 238 229 231	#EEE5E7
16.7%	16.7% #F0E8E9	RGB 240 232 233	#F0E8E9
33.3%	33.3% #F2EBEC	RGB 242 235 236	#F2EBEC
50.0%	50.0% #F4EEEF	RGB 244 238 239	#F4EEEF
66.7%	66.7% #F6F1F2	RGB 246 241 242	#F6F1F2
83.3%	83.3% #F8F4F5	RGB 248 244 245	#F8F4F5
100.0%	100.0% #FAF7F8	RGB 250 247 248	#FAF7F8

#EEE5E7 #F0E8E9 #F2EBEC #F4EEEF #F6F1F2 #F8F4F5 #FAF7F8

#EEE5E7 - #FAF7F8

Mezcla HSV

#EEE5E7 - #FAF7F8 | 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 #EEE5E7 como 0% y #FAF7F8 como 100%.

0.0%	0.0% #EEE5E7	RGB 238 229 231	#EEE5E7
16.7%	16.7% #F0E7E9	RGB 240 231 233	#F0E7E9
33.3%	33.3% #F2EAEC	RGB 242 234 236	#F2EAEC
50.0%	50.0% #F4EDEF	RGB 244 237 239	#F4EDEF
66.7%	66.7% #F6F0F2	RGB 246 240 242	#F6F0F2
83.3%	83.3% #F8F3F5	RGB 248 243 245	#F8F3F5
100.0%	100.0% #FAF7F8	RGB 250 247 248	#FAF7F8

#EEE5E7 #F0E7E9 #F2EAEC #F4EDEF #F6F0F2 #F8F3F5 #FAF7F8

#EEE5E7 - #F4EDEF - #FAF7F8

Códigos CSS

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

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