#E5E3E1 - #EBCBC4 | 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 #E5E3E1 a #EBCBC4

#E5E3E1 #EBCBC4

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

#E5E3E1 - #EBCBC4 | 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 #E5E3E1 como 0% y #EBCBC4 como 100%.

0.0%	0.0% #E5E3E1	RGB 229 227 225	#E5E3E1
16.7%	16.7% #E6DFDC	RGB 230 223 220	#E6DFDC
33.3%	33.3% #E7DBD7	RGB 231 219 215	#E7DBD7
50.0%	50.0% #E8D7D2	RGB 232 215 210	#E8D7D2
66.7%	66.7% #E9D3CD	RGB 233 211 205	#E9D3CD
83.3%	83.3% #EACFC8	RGB 234 207 200	#EACFC8
100.0%	100.0% #EBCBC4	RGB 235 203 196	#EBCBC4

#E5E3E1 #E6DFDC #E7DBD7 #E8D7D2 #E9D3CD #EACFC8 #EBCBC4

#E5E3E1 - #EBCBC4

Mezcla HSV

#E5E3E1 - #EBCBC4 | 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 #E5E3E1 como 0% y #EBCBC4 como 100%.

0.0%	0.0% #E5E3E1	RGB 229 227 225	#E5E3E1
16.7%	16.7% #E6E0DC	RGB 230 224 220	#E6E0DC
33.3%	33.3% #E7DDD7	RGB 231 221 215	#E7DDD7
50.0%	50.0% #E8D9D2	RGB 232 217 210	#E8D9D2
66.7%	66.7% #E9D5CD	RGB 233 213 205	#E9D5CD
83.3%	83.3% #EAD0C8	RGB 234 208 200	#EAD0C8
100.0%	100.0% #EBCBC4	RGB 235 203 196	#EBCBC4

#E5E3E1 #E6E0DC #E7DDD7 #E8D9D2 #E9D5CD #EAD0C8 #EBCBC4

#E5E3E1 - #E8D9D2 - #EBCBC4

Códigos CSS

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

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