#F5E7EB - #FFFDF9 | 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 #F5E7EB a #FFFDF9

#F5E7EB #FFFDF9

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

#F5E7EB - #FFFDF9 | 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 #F5E7EB como 0% y #FFFDF9 como 100%.

0.0%	0.0% #F5E7EB	RGB 245 231 235	#F5E7EB
16.7%	16.7% #F6EAED	RGB 246 234 237	#F6EAED
33.3%	33.3% #F8EEEF	RGB 248 238 239	#F8EEEF
50.0%	50.0% #FAF2F2	RGB 250 242 242	#FAF2F2
66.7%	66.7% #FBF5F4	RGB 251 245 244	#FBF5F4
83.3%	83.3% #FDF9F6	RGB 253 249 246	#FDF9F6
100.0%	100.0% #FFFDF9	RGB 255 253 249	#FFFDF9

#F5E7EB #F6EAED #F8EEEF #FAF2F2 #FBF5F4 #FDF9F6 #FFFDF9

#F5E7EB - #FFFDF9

Mezcla HSV

#F5E7EB - #FFFDF9 | 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 #F5E7EB como 0% y #FFFDF9 como 100%.

0.0%	0.0% #F5E7EB	RGB 245 231 235	#F5E7EB
16.7%	16.7% #F6E9EB	RGB 246 233 235	#F6E9EB
33.3%	33.3% #F8EDEC	RGB 248 237 236	#F8EDEC
50.0%	50.0% #FAF1EF	RGB 250 241 239	#FAF1EF
66.7%	66.7% #FBF5F2	RGB 251 245 242	#FBF5F2
83.3%	83.3% #FDF9F5	RGB 253 249 245	#FDF9F5
100.0%	100.0% #FFFDF9	RGB 255 253 249	#FFFDF9

#F5E7EB #F6E9EB #F8EDEC #FAF1EF #FBF5F2 #FDF9F5 #FFFDF9

#F5E7EB - #FAF1EF - #FFFDF9

Códigos CSS

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

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