#E2B7B7 - #FCF2D9 | 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 #E2B7B7 a #FCF2D9

#E2B7B7 #FCF2D9

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

#E2B7B7 - #FCF2D9 | 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 #E2B7B7 como 0% y #FCF2D9 como 100%.

0.0%	0.0% #E2B7B7	RGB 226 183 183	#E2B7B7
16.7%	16.7% #E6C0BC	RGB 230 192 188	#E6C0BC
33.3%	33.3% #EACAC2	RGB 234 202 194	#EACAC2
50.0%	50.0% #EFD4C8	RGB 239 212 200	#EFD4C8
66.7%	66.7% #F3DECD	RGB 243 222 205	#F3DECD
83.3%	83.3% #F7E8D3	RGB 247 232 211	#F7E8D3
100.0%	100.0% #FCF2D9	RGB 252 242 217	#FCF2D9

#E2B7B7 #E6C0BC #EACAC2 #EFD4C8 #F3DECD #F7E8D3 #FCF2D9

#E2B7B7 - #FCF2D9

Mezcla HSV

#E2B7B7 - #FCF2D9 | 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 #E2B7B7 como 0% y #FCF2D9 como 100%.

0.0%	0.0% #E2B7B7	RGB 226 183 183	#E2B7B7
16.7%	16.7% #E6C1BC	RGB 230 193 188	#E6C1BC
33.3%	33.3% #EACBC2	RGB 234 203 194	#EACBC2
50.0%	50.0% #EFD5C7	RGB 239 213 199	#EFD5C7
66.7%	66.7% #F3DFCD	RGB 243 223 205	#F3DFCD
83.3%	83.3% #F7E8D3	RGB 247 232 211	#F7E8D3
100.0%	100.0% #FCF2D9	RGB 252 242 217	#FCF2D9

#E2B7B7 #E6C1BC #EACBC2 #EFD5C7 #F3DFCD #F7E8D3 #FCF2D9

#E2B7B7 - #EFD5C7 - #FCF2D9

Códigos CSS

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

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