#F5E7F8 - #FFF7EB | 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 #F5E7F8 a #FFF7EB

#F5E7F8 #FFF7EB

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

#F5E7F8 - #FFF7EB | 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 #F5E7F8 como 0% y #FFF7EB como 100%.

0.0%	0.0% #F5E7F8	RGB 245 231 248	#F5E7F8
16.7%	16.7% #F6E9F5	RGB 246 233 245	#F6E9F5
33.3%	33.3% #F8ECF3	RGB 248 236 243	#F8ECF3
50.0%	50.0% #FAEFF1	RGB 250 239 241	#FAEFF1
66.7%	66.7% #FBF1EF	RGB 251 241 239	#FBF1EF
83.3%	83.3% #FDF4ED	RGB 253 244 237	#FDF4ED
100.0%	100.0% #FFF7EB	RGB 255 247 235	#FFF7EB

#F5E7F8 #F6E9F5 #F8ECF3 #FAEFF1 #FBF1EF #FDF4ED #FFF7EB

#F5E7F8 - #FFF7EB

Mezcla HSV

#F5E7F8 - #FFF7EB | 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 #F5E7F8 como 0% y #FFF7EB como 100%.

0.0%	0.0% #F5E7F8	RGB 245 231 248	#F5E7F8
16.7%	16.7% #F9E7F7	RGB 249 231 247	#F9E7F7
33.3%	33.3% #FAE8F2	RGB 250 232 242	#FAE8F2
50.0%	50.0% #FBE9EE	RGB 251 233 238	#FBE9EE
66.7%	66.7% #FCE9E9	RGB 252 233 233	#FCE9E9
83.3%	83.3% #FDF0EA	RGB 253 240 234	#FDF0EA
100.0%	100.0% #FFF7EB	RGB 255 247 235	#FFF7EB

#F5E7F8 #F9E7F7 #FAE8F2 #FBE9EE #FCE9E9 #FDF0EA #FFF7EB

#F5E7F8 - #FBE9EE - #FFF7EB

Códigos CSS

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

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