#F7E5E5 - #ECA299 | 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 #F7E5E5 a #ECA299

#F7E5E5 #ECA299

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

#F7E5E5 - #ECA299 | 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 #F7E5E5 como 0% y #ECA299 como 100%.

0.0%	0.0% #F7E5E5	RGB 247 229 229	#F7E5E5
16.7%	16.7% #F5D9D8	RGB 245 217 216	#F5D9D8
33.3%	33.3% #F3CECB	RGB 243 206 203	#F3CECB
50.0%	50.0% #F1C3BF	RGB 241 195 191	#F1C3BF
66.7%	66.7% #EFB8B2	RGB 239 184 178	#EFB8B2
83.3%	83.3% #EDADA5	RGB 237 173 165	#EDADA5
100.0%	100.0% #ECA299	RGB 236 162 153	#ECA299

#F7E5E5 #F5D9D8 #F3CECB #F1C3BF #EFB8B2 #EDADA5 #ECA299

#F7E5E5 - #ECA299

Mezcla HSV

#F7E5E5 - #ECA299 | 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 #F7E5E5 como 0% y #ECA299 como 100%.

0.0%	0.0% #F7E5E5	RGB 247 229 229	#F7E5E5
16.7%	16.7% #F5D8D7	RGB 245 216 215	#F5D8D7
33.3%	33.3% #F3CCCA	RGB 243 204 202	#F3CCCA
50.0%	50.0% #F1C1BE	RGB 241 193 190	#F1C1BE
66.7%	66.7% #EFB6B1	RGB 239 182 177	#EFB6B1
83.3%	83.3% #EDABA5	RGB 237 171 165	#EDABA5
100.0%	100.0% #ECA299	RGB 236 162 153	#ECA299

#F7E5E5 #F5D8D7 #F3CCCA #F1C1BE #EFB6B1 #EDABA5 #ECA299

#F7E5E5 - #F1C1BE - #ECA299

Códigos CSS

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

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