#F7D9E6 - #F5E5E9 | 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 #F7D9E6 a #F5E5E9

#F7D9E6 #F5E5E9

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

#F7D9E6 - #F5E5E9 | 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 #F7D9E6 como 0% y #F5E5E9 como 100%.

0.0%	0.0% #F7D9E6	RGB 247 217 230	#F7D9E6
16.7%	16.7% #F6DBE6	RGB 246 219 230	#F6DBE6
33.3%	33.3% #F6DDE7	RGB 246 221 231	#F6DDE7
50.0%	50.0% #F6DFE7	RGB 246 223 231	#F6DFE7
66.7%	66.7% #F5E1E8	RGB 245 225 232	#F5E1E8
83.3%	83.3% #F5E3E8	RGB 245 227 232	#F5E3E8
100.0%	100.0% #F5E5E9	RGB 245 229 233	#F5E5E9

#F7D9E6 #F6DBE6 #F6DDE7 #F6DFE7 #F5E1E8 #F5E3E8 #F5E5E9

#F7D9E6 - #F5E5E9

Mezcla HSV

#F7D9E6 - #F5E5E9 | 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 #F7D9E6 como 0% y #F5E5E9 como 100%.

0.0%	0.0% #F7D9E6	RGB 247 217 230	#F7D9E6
16.7%	16.7% #F6DBE6	RGB 246 219 230	#F6DBE6
33.3%	33.3% #F6DDE6	RGB 246 221 230	#F6DDE6
50.0%	50.0% #F6DFE6	RGB 246 223 230	#F6DFE6
66.7%	66.7% #F5E1E7	RGB 245 225 231	#F5E1E7
83.3%	83.3% #F5E3E8	RGB 245 227 232	#F5E3E8
100.0%	100.0% #F5E5E9	RGB 245 229 233	#F5E5E9

#F7D9E6 #F6DBE6 #F6DDE6 #F6DFE6 #F5E1E7 #F5E3E8 #F5E5E9

#F7D9E6 - #F6DFE6 - #F5E5E9

Códigos CSS

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

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