#ECE5E4 - #ECFBE8 | 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 #ECFBE8

#ECE5E4 #ECFBE8

Calcule el color entre dos colores, #ECE5E4 y #ECFBE8. 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 - #ECFBE8 | 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 #ECFBE8 como 100%.

0.0%	0.0% #ECE5E4	RGB 236 229 228	#ECE5E4
16.7%	16.7% #ECE8E4	RGB 236 232 228	#ECE8E4
33.3%	33.3% #ECECE5	RGB 236 236 229	#ECECE5
50.0%	50.0% #ECF0E6	RGB 236 240 230	#ECF0E6
66.7%	66.7% #ECF3E6	RGB 236 243 230	#ECF3E6
83.3%	83.3% #ECF7E7	RGB 236 247 231	#ECF7E7
100.0%	100.0% #ECFBE8	RGB 236 251 232	#ECFBE8

#ECE5E4 #ECE8E4 #ECECE5 #ECF0E6 #ECF3E6 #ECF7E7 #ECFBE8

#ECE5E4 - #ECFBE8

Mezcla HSV

#ECE5E4 - #ECFBE8 | 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 #ECFBE8 como 100%.

0.0%	0.0% #ECE5E4	RGB 236 229 228	#ECE5E4
16.7%	16.7% #EEE8E4	RGB 238 232 228	#EEE8E4
33.3%	33.3% #F1EDE5	RGB 241 237 229	#F1EDE5
50.0%	50.0% #F3F2E6	RGB 243 242 230	#F3F2E6
66.7%	66.7% #F2F6E6	RGB 242 246 230	#F2F6E6
83.3%	83.3% #EFF8E7	RGB 239 248 231	#EFF8E7
100.0%	100.0% #ECFBE8	RGB 236 251 232	#ECFBE8

#ECE5E4 #EEE8E4 #F1EDE5 #F3F2E6 #F2F6E6 #EFF8E7 #ECFBE8

#ECE5E4 - #F3F2E6 - #ECFBE8

Códigos CSS

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

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