#E5E3E3 - #D2A299 | 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 #D2A299

#E5E3E3 #D2A299

Calcule el color entre dos colores, #E5E3E3 y #D2A299. 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 - #D2A299 | 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 #D2A299 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E1D8D6	RGB 225 216 214	#E1D8D6
33.3%	33.3% #DECDCA	RGB 222 205 202	#DECDCA
50.0%	50.0% #DBC2BE	RGB 219 194 190	#DBC2BE
66.7%	66.7% #D8B7B1	RGB 216 183 177	#D8B7B1
83.3%	83.3% #D5ACA5	RGB 213 172 165	#D5ACA5
100.0%	100.0% #D2A299	RGB 210 162 153	#D2A299

#E5E3E3 #E1D8D6 #DECDCA #DBC2BE #D8B7B1 #D5ACA5 #D2A299

#E5E3E3 - #D2A299

Mezcla HSV

#E5E3E3 - #D2A299 | 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 #D2A299 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% #DECAC9	RGB 222 202 201	#DECAC9
50.0%	50.0% #DBBFBC	RGB 219 191 188	#DBBFBC
66.7%	66.7% #D8B4B0	RGB 216 180 176	#D8B4B0
83.3%	83.3% #D5ABA4	RGB 213 171 164	#D5ABA4
100.0%	100.0% #D2A299	RGB 210 162 153	#D2A299

#E5E3E3 #E1D6D5 #DECAC9 #DBBFBC #D8B4B0 #D5ABA4 #D2A299

#E5E3E3 - #DBBFBC - #D2A299

Códigos CSS

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

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