#E5E3E3 - #D2B399 | 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 #E5E3E3 a #D2B399

#E5E3E3 #D2B399

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

#E5E3E3 - #D2B399 | 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 #E5E3E3 como 0% y #D2B399 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E1DBD6	RGB 225 219 214	#E1DBD6
33.3%	33.3% #DED3CA	RGB 222 211 202	#DED3CA
50.0%	50.0% #DBCBBE	RGB 219 203 190	#DBCBBE
66.7%	66.7% #D8C3B1	RGB 216 195 177	#D8C3B1
83.3%	83.3% #D5BBA5	RGB 213 187 165	#D5BBA5
100.0%	100.0% #D2B399	RGB 210 179 153	#D2B399

#E5E3E3 #E1DBD6 #DED3CA #DBCBBE #D8C3B1 #D5BBA5 #D2B399

#E5E3E3 - #D2B399

Mezcla HSV

#E5E3E3 - #D2B399 | 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 #E5E3E3 como 0% y #D2B399 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E1D6D5	RGB 225 214 213	#E1D6D5
33.3%	33.3% #DECCC9	RGB 222 204 201	#DECCC9
50.0%	50.0% #DBC3BC	RGB 219 195 188	#DBC3BC
66.7%	66.7% #D8BCB0	RGB 216 188 176	#D8BCB0
83.3%	83.3% #D5B7A4	RGB 213 183 164	#D5B7A4
100.0%	100.0% #D2B399	RGB 210 179 153	#D2B399

#E5E3E3 #E1D6D5 #DECCC9 #DBC3BC #D8BCB0 #D5B7A4 #D2B399

#E5E3E3 - #DBC3BC - #D2B399

Códigos CSS

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

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