#F7E3E3 - #EC9F97 | 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 #F7E3E3 a #EC9F97

#F7E3E3 #EC9F97

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

#F7E3E3 - #EC9F97 | 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 #F7E3E3 como 0% y #EC9F97 como 100%.

0.0%	0.0% #F7E3E3	RGB 247 227 227	#F7E3E3
16.7%	16.7% #F5D7D6	RGB 245 215 214	#F5D7D6
33.3%	33.3% #F3CCC9	RGB 243 204 201	#F3CCC9
50.0%	50.0% #F1C1BD	RGB 241 193 189	#F1C1BD
66.7%	66.7% #EFB5B0	RGB 239 181 176	#EFB5B0
83.3%	83.3% #EDAAA3	RGB 237 170 163	#EDAAA3
100.0%	100.0% #EC9F97	RGB 236 159 151	#EC9F97

#F7E3E3 #F5D7D6 #F3CCC9 #F1C1BD #EFB5B0 #EDAAA3 #EC9F97

#F7E3E3 - #EC9F97

Mezcla HSV

#F7E3E3 - #EC9F97 | 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 #F7E3E3 como 0% y #EC9F97 como 100%.

0.0%	0.0% #F7E3E3	RGB 247 227 227	#F7E3E3
16.7%	16.7% #F5D6D5	RGB 245 214 213	#F5D6D5
33.3%	33.3% #F3CAC8	RGB 243 202 200	#F3CAC8
50.0%	50.0% #F1BEBC	RGB 241 190 188	#F1BEBC
66.7%	66.7% #EFB3AF	RGB 239 179 175	#EFB3AF
83.3%	83.3% #EDA9A3	RGB 237 169 163	#EDA9A3
100.0%	100.0% #EC9F97	RGB 236 159 151	#EC9F97

#F7E3E3 #F5D6D5 #F3CAC8 #F1BEBC #EFB3AF #EDA9A3 #EC9F97

#F7E3E3 - #F1BEBC - #EC9F97

Códigos CSS

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

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