#ECB5C7 - #FCF2DF | 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 #ECB5C7 a #FCF2DF

#ECB5C7 #FCF2DF

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

#ECB5C7 - #FCF2DF | 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 #ECB5C7 como 0% y #FCF2DF como 100%.

0.0%	0.0% #ECB5C7	RGB 236 181 199	#ECB5C7
16.7%	16.7% #EEBFCB	RGB 238 191 203	#EEBFCB
33.3%	33.3% #F1C9CF	RGB 241 201 207	#F1C9CF
50.0%	50.0% #F4D3D3	RGB 244 211 211	#F4D3D3
66.7%	66.7% #F6DDD7	RGB 246 221 215	#F6DDD7
83.3%	83.3% #F9E7DB	RGB 249 231 219	#F9E7DB
100.0%	100.0% #FCF2DF	RGB 252 242 223	#FCF2DF

#ECB5C7 #EEBFCB #F1C9CF #F4D3D3 #F6DDD7 #F9E7DB #FCF2DF

#ECB5C7 - #FCF2DF

Mezcla HSV

#ECB5C7 - #FCF2DF | 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 #ECB5C7 como 0% y #FCF2DF como 100%.

0.0%	0.0% #ECB5C7	RGB 236 181 199	#ECB5C7
16.7%	16.7% #EEBBC4	RGB 238 187 196	#EEBBC4
33.3%	33.3% #F1C2C2	RGB 241 194 194	#F1C2C2
50.0%	50.0% #F4D0C9	RGB 244 208 201	#F4D0C9
66.7%	66.7% #F6DDD0	RGB 246 221 208	#F6DDD0
83.3%	83.3% #F9E8D7	RGB 249 232 215	#F9E8D7
100.0%	100.0% #FCF2DF	RGB 252 242 223	#FCF2DF

#ECB5C7 #EEBBC4 #F1C2C2 #F4D0C9 #F6DDD0 #F9E8D7 #FCF2DF

#ECB5C7 - #F4D0C9 - #FCF2DF

Códigos CSS

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

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