#E5E2DA - #EBDBC9 | 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 #E5E2DA a #EBDBC9

#E5E2DA #EBDBC9

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

#E5E2DA - #EBDBC9 | 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 #E5E2DA como 0% y #EBDBC9 como 100%.

0.0%	0.0% #E5E2DA	RGB 229 226 218	#E5E2DA
16.7%	16.7% #E6E0D7	RGB 230 224 215	#E6E0D7
33.3%	33.3% #E7DFD4	RGB 231 223 212	#E7DFD4
50.0%	50.0% #E8DED1	RGB 232 222 209	#E8DED1
66.7%	66.7% #E9DDCE	RGB 233 221 206	#E9DDCE
83.3%	83.3% #EADCCB	RGB 234 220 203	#EADCCB
100.0%	100.0% #EBDBC9	RGB 235 219 201	#EBDBC9

#E5E2DA #E6E0D7 #E7DFD4 #E8DED1 #E9DDCE #EADCCB #EBDBC9

#E5E2DA - #EBDBC9

Mezcla HSV

#E5E2DA - #EBDBC9 | 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 #E5E2DA como 0% y #EBDBC9 como 100%.

0.0%	0.0% #E5E2DA	RGB 229 226 218	#E5E2DA
16.7%	16.7% #E6E1D7	RGB 230 225 215	#E6E1D7
33.3%	33.3% #E7E0D4	RGB 231 224 212	#E7E0D4
50.0%	50.0% #E8DFD1	RGB 232 223 209	#E8DFD1
66.7%	66.7% #E9DECE	RGB 233 222 206	#E9DECE
83.3%	83.3% #EADCCB	RGB 234 220 203	#EADCCB
100.0%	100.0% #EBDBC9	RGB 235 219 201	#EBDBC9

#E5E2DA #E6E1D7 #E7E0D4 #E8DFD1 #E9DECE #EADCCB #EBDBC9

#E5E2DA - #E8DFD1 - #EBDBC9

Códigos CSS

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

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