#ECE4EB - #FBF7E8 | 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 #ECE4EB a #FBF7E8

#ECE4EB #FBF7E8

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

#ECE4EB - #FBF7E8 | 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 #ECE4EB como 0% y #FBF7E8 como 100%.

0.0%	0.0% #ECE4EB	RGB 236 228 235	#ECE4EB
16.7%	16.7% #EEE7EA	RGB 238 231 234	#EEE7EA
33.3%	33.3% #F1EAEA	RGB 241 234 234	#F1EAEA
50.0%	50.0% #F3EDE9	RGB 243 237 233	#F3EDE9
66.7%	66.7% #F6F0E9	RGB 246 240 233	#F6F0E9
83.3%	83.3% #F8F3E8	RGB 248 243 232	#F8F3E8
100.0%	100.0% #FBF7E8	RGB 251 247 232	#FBF7E8

#ECE4EB #EEE7EA #F1EAEA #F3EDE9 #F6F0E9 #F8F3E8 #FBF7E8

#ECE4EB - #FBF7E8

Mezcla HSV

#ECE4EB - #FBF7E8 | 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 #ECE4EB como 0% y #FBF7E8 como 100%.

0.0%	0.0% #ECE4EB	RGB 236 228 235	#ECE4EB
16.7%	16.7% #EEE4EA	RGB 238 228 234	#EEE4EA
33.3%	33.3% #F1E5E9	RGB 241 229 233	#F1E5E9
50.0%	50.0% #F3E6E6	RGB 243 230 230	#F3E6E6
66.7%	66.7% #F6EAE6	RGB 246 234 230	#F6EAE6
83.3%	83.3% #F8F0E7	RGB 248 240 231	#F8F0E7
100.0%	100.0% #FBF7E8	RGB 251 247 232	#FBF7E8

#ECE4EB #EEE4EA #F1E5E9 #F3E6E6 #F6EAE6 #F8F0E7 #FBF7E8

#ECE4EB - #F3E6E6 - #FBF7E8

Códigos CSS

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

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