#E1E3CF - #ECF7E5 | 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 #E1E3CF a #ECF7E5

#E1E3CF #ECF7E5

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

#E1E3CF - #ECF7E5 | 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 #E1E3CF como 0% y #ECF7E5 como 100%.

0.0%	0.0% #E1E3CF	RGB 225 227 207	#E1E3CF
16.7%	16.7% #E2E6D2	RGB 226 230 210	#E2E6D2
33.3%	33.3% #E4E9D6	RGB 228 233 214	#E4E9D6
50.0%	50.0% #E6EDDA	RGB 230 237 218	#E6EDDA
66.7%	66.7% #E8F0DD	RGB 232 240 221	#E8F0DD
83.3%	83.3% #EAF3E1	RGB 234 243 225	#EAF3E1
100.0%	100.0% #ECF7E5	RGB 236 247 229	#ECF7E5

#E1E3CF #E2E6D2 #E4E9D6 #E6EDDA #E8F0DD #EAF3E1 #ECF7E5

#E1E3CF - #ECF7E5

Mezcla HSV

#E1E3CF - #ECF7E5 | 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 #E1E3CF como 0% y #ECF7E5 como 100%.

0.0%	0.0% #E1E3CF	RGB 225 227 207	#E1E3CF
16.7%	16.7% #E2E6D2	RGB 226 230 210	#E2E6D2
33.3%	33.3% #E4E9D6	RGB 228 233 214	#E4E9D6
50.0%	50.0% #E6EDD9	RGB 230 237 217	#E6EDD9
66.7%	66.7% #E8F0DD	RGB 232 240 221	#E8F0DD
83.3%	83.3% #EAF3E1	RGB 234 243 225	#EAF3E1
100.0%	100.0% #ECF7E5	RGB 236 247 229	#ECF7E5

#E1E3CF #E2E6D2 #E4E9D6 #E6EDD9 #E8F0DD #EAF3E1 #ECF7E5

#E1E3CF - #E6EDD9 - #ECF7E5

Códigos CSS

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

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