#E3E5E1 - #E7EBC4 | 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 #E3E5E1 a #E7EBC4

#E3E5E1 #E7EBC4

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

#E3E5E1 - #E7EBC4 | 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 #E3E5E1 como 0% y #E7EBC4 como 100%.

0.0%	0.0% #E3E5E1	RGB 227 229 225	#E3E5E1
16.7%	16.7% #E3E6DC	RGB 227 230 220	#E3E6DC
33.3%	33.3% #E4E7D7	RGB 228 231 215	#E4E7D7
50.0%	50.0% #E5E8D2	RGB 229 232 210	#E5E8D2
66.7%	66.7% #E5E9CD	RGB 229 233 205	#E5E9CD
83.3%	83.3% #E6EAC8	RGB 230 234 200	#E6EAC8
100.0%	100.0% #E7EBC4	RGB 231 235 196	#E7EBC4

#E3E5E1 #E3E6DC #E4E7D7 #E5E8D2 #E5E9CD #E6EAC8 #E7EBC4

#E3E5E1 - #E7EBC4

Mezcla HSV

#E3E5E1 - #E7EBC4 | 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 #E3E5E1 como 0% y #E7EBC4 como 100%.

0.0%	0.0% #E3E5E1	RGB 227 229 225	#E3E5E1
16.7%	16.7% #E1E6DC	RGB 225 230 220	#E1E6DC
33.3%	33.3% #E1E7D7	RGB 225 231 215	#E1E7D7
50.0%	50.0% #E1E8D2	RGB 225 232 210	#E1E8D2
66.7%	66.7% #E2E9CD	RGB 226 233 205	#E2E9CD
83.3%	83.3% #E4EAC8	RGB 228 234 200	#E4EAC8
100.0%	100.0% #E7EBC4	RGB 231 235 196	#E7EBC4

#E3E5E1 #E1E6DC #E1E7D7 #E1E8D2 #E2E9CD #E4EAC8 #E7EBC4

#E3E5E1 - #E1E8D2 - #E7EBC4

Códigos CSS

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

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