#ECE5E4 - #FCFFFB | 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 #ECE5E4 a #FCFFFB

#ECE5E4 #FCFFFB

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

#ECE5E4 - #FCFFFB | 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 #ECE5E4 como 0% y #FCFFFB como 100%.

0.0%	0.0% #ECE5E4	RGB 236 229 228	#ECE5E4
16.7%	16.7% #EEE9E7	RGB 238 233 231	#EEE9E7
33.3%	33.3% #F1EDEB	RGB 241 237 235	#F1EDEB
50.0%	50.0% #F4F2EF	RGB 244 242 239	#F4F2EF
66.7%	66.7% #F6F6F3	RGB 246 246 243	#F6F6F3
83.3%	83.3% #F9FAF7	RGB 249 250 247	#F9FAF7
100.0%	100.0% #FCFFFB	RGB 252 255 251	#FCFFFB

#ECE5E4 #EEE9E7 #F1EDEB #F4F2EF #F6F6F3 #F9FAF7 #FCFFFB

#ECE5E4 - #FCFFFB

Mezcla HSV

#ECE5E4 - #FCFFFB | 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 #ECE5E4 como 0% y #FCFFFB como 100%.

0.0%	0.0% #ECE5E4	RGB 236 229 228	#ECE5E4
16.7%	16.7% #EFEAE7	RGB 239 234 231	#EFEAE7
33.3%	33.3% #F2F0EB	RGB 242 240 235	#F2F0EB
50.0%	50.0% #F5F5EF	RGB 245 245 239	#F5F5EF
66.7%	66.7% #F7F8F3	RGB 247 248 243	#F7F8F3
83.3%	83.3% #F9FBF7	RGB 249 251 247	#F9FBF7
100.0%	100.0% #FCFFFB	RGB 252 255 251	#FCFFFB

#ECE5E4 #EFEAE7 #F2F0EB #F5F5EF #F7F8F3 #F9FBF7 #FCFFFB

#ECE5E4 - #F5F5EF - #FCFFFB

Códigos CSS

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

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