#E1B6B6 - #FCF1D8 | 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 #E1B6B6 a #FCF1D8

#E1B6B6 #FCF1D8

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

#E1B6B6 - #FCF1D8 | 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 #E1B6B6 como 0% y #FCF1D8 como 100%.

0.0%	0.0% #E1B6B6	RGB 225 182 182	#E1B6B6
16.7%	16.7% #E5BFBB	RGB 229 191 187	#E5BFBB
33.3%	33.3% #EAC9C1	RGB 234 201 193	#EAC9C1
50.0%	50.0% #EED3C7	RGB 238 211 199	#EED3C7
66.7%	66.7% #F3DDCC	RGB 243 221 204	#F3DDCC
83.3%	83.3% #F7E7D2	RGB 247 231 210	#F7E7D2
100.0%	100.0% #FCF1D8	RGB 252 241 216	#FCF1D8

#E1B6B6 #E5BFBB #EAC9C1 #EED3C7 #F3DDCC #F7E7D2 #FCF1D8

#E1B6B6 - #FCF1D8

Mezcla HSV

#E1B6B6 - #FCF1D8 | 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 #E1B6B6 como 0% y #FCF1D8 como 100%.

0.0%	0.0% #E1B6B6	RGB 225 182 182	#E1B6B6
16.7%	16.7% #E5C0BB	RGB 229 192 187	#E5C0BB
33.3%	33.3% #EACAC1	RGB 234 202 193	#EACAC1
50.0%	50.0% #EED4C6	RGB 238 212 198	#EED4C6
66.7%	66.7% #F3DECC	RGB 243 222 204	#F3DECC
83.3%	83.3% #F7E7D2	RGB 247 231 210	#F7E7D2
100.0%	100.0% #FCF1D8	RGB 252 241 216	#FCF1D8

#E1B6B6 #E5C0BB #EACAC1 #EED4C6 #F3DECC #F7E7D2 #FCF1D8

#E1B6B6 - #EED4C6 - #FCF1D8

Códigos CSS

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

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