#E5E3E5 - #B58997 | 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 #E5E3E5 a #B58997

#E5E3E5 #B58997

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

#E5E3E5 - #B58997 | 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 #E5E3E5 como 0% y #B58997 como 100%.

0.0%	0.0% #E5E3E5	RGB 229 227 229	#E5E3E5
16.7%	16.7% #DDD4D8	RGB 221 212 216	#DDD4D8
33.3%	33.3% #D5C5CB	RGB 213 197 203	#D5C5CB
50.0%	50.0% #CDB6BE	RGB 205 182 190	#CDB6BE
66.7%	66.7% #C5A7B1	RGB 197 167 177	#C5A7B1
83.3%	83.3% #BD98A4	RGB 189 152 164	#BD98A4
100.0%	100.0% #B58997	RGB 181 137 151	#B58997

#E5E3E5 #DDD4D8 #D5C5CB #CDB6BE #C5A7B1 #BD98A4 #B58997

#E5E3E5 - #B58997

Mezcla HSV

#E5E3E5 - #B58997 | 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 #E5E3E5 como 0% y #B58997 como 100%.

0.0%	0.0% #E5E3E5	RGB 229 227 229	#E5E3E5
16.7%	16.7% #DDD2DB	RGB 221 210 219	#DDD2DB
33.3%	33.3% #D5C2D0	RGB 213 194 208	#D5C2D0
50.0%	50.0% #CDB3C4	RGB 205 179 196	#CDB3C4
66.7%	66.7% #C5A4B6	RGB 197 164 182	#C5A4B6
83.3%	83.3% #BD96A7	RGB 189 150 167	#BD96A7
100.0%	100.0% #B58997	RGB 181 137 151	#B58997

#E5E3E5 #DDD2DB #D5C2D0 #CDB3C4 #C5A4B6 #BD96A7 #B58997

#E5E3E5 - #CDB3C4 - #B58997

Códigos CSS

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

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