#E7E4E4 - #D5A39A | 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 #E7E4E4 a #D5A39A

#E7E4E4 #D5A39A

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

#E7E4E4 - #D5A39A | 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 #E7E4E4 como 0% y #D5A39A como 100%.

0.0%	0.0% #E7E4E4	RGB 231 228 228	#E7E4E4
16.7%	16.7% #E4D9D7	RGB 228 217 215	#E4D9D7
33.3%	33.3% #E1CECB	RGB 225 206 203	#E1CECB
50.0%	50.0% #DEC3BF	RGB 222 195 191	#DEC3BF
66.7%	66.7% #DBB8B2	RGB 219 184 178	#DBB8B2
83.3%	83.3% #D8ADA6	RGB 216 173 166	#D8ADA6
100.0%	100.0% #D5A39A	RGB 213 163 154	#D5A39A

#E7E4E4 #E4D9D7 #E1CECB #DEC3BF #DBB8B2 #D8ADA6 #D5A39A

#E7E4E4 - #D5A39A

Mezcla HSV

#E7E4E4 - #D5A39A | 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 #E7E4E4 como 0% y #D5A39A como 100%.

0.0%	0.0% #E7E4E4	RGB 231 228 228	#E7E4E4
16.7%	16.7% #E4D7D7	RGB 228 215 215	#E4D7D7
33.3%	33.3% #E1CBCA	RGB 225 203 202	#E1CBCA
50.0%	50.0% #DEC0BD	RGB 222 192 189	#DEC0BD
66.7%	66.7% #DBB5B1	RGB 219 181 177	#DBB5B1
83.3%	83.3% #D8ACA5	RGB 216 172 165	#D8ACA5
100.0%	100.0% #D5A39A	RGB 213 163 154	#D5A39A

#E7E4E4 #E4D7D7 #E1CBCA #DEC0BD #DBB5B1 #D8ACA5 #D5A39A

#E7E4E4 - #DEC0BD - #D5A39A

Códigos CSS

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

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