#F7E5E9 - #CE9DA7 | 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 #F7E5E9 a #CE9DA7

#F7E5E9 #CE9DA7

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

#F7E5E9 - #CE9DA7 | 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 #F7E5E9 como 0% y #CE9DA7 como 100%.

0.0%	0.0% #F7E5E9	RGB 247 229 233	#F7E5E9
16.7%	16.7% #F0D9DE	RGB 240 217 222	#F0D9DE
33.3%	33.3% #E9CDD3	RGB 233 205 211	#E9CDD3
50.0%	50.0% #E2C1C8	RGB 226 193 200	#E2C1C8
66.7%	66.7% #DBB5BD	RGB 219 181 189	#DBB5BD
83.3%	83.3% #D4A9B2	RGB 212 169 178	#D4A9B2
100.0%	100.0% #CE9DA7	RGB 206 157 167	#CE9DA7

#F7E5E9 #F0D9DE #E9CDD3 #E2C1C8 #DBB5BD #D4A9B2 #CE9DA7

#F7E5E9 - #CE9DA7

Mezcla HSV

#F7E5E9 - #CE9DA7 | 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 #F7E5E9 como 0% y #CE9DA7 como 100%.

0.0%	0.0% #F7E5E9	RGB 247 229 233	#F7E5E9
16.7%	16.7% #F0D8DD	RGB 240 216 221	#F0D8DD
33.3%	33.3% #E9CBD1	RGB 233 203 209	#E9CBD1
50.0%	50.0% #E2BFC6	RGB 226 191 198	#E2BFC6
66.7%	66.7% #DBB3BB	RGB 219 179 187	#DBB3BB
83.3%	83.3% #D4A8B1	RGB 212 168 177	#D4A8B1
100.0%	100.0% #CE9DA7	RGB 206 157 167	#CE9DA7

#F7E5E9 #F0D8DD #E9CBD1 #E2BFC6 #DBB3BB #D4A8B1 #CE9DA7

#F7E5E9 - #E2BFC6 - #CE9DA7

Códigos CSS

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

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