#ECE2D9 - #D3A88A | 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 #ECE2D9 a #D3A88A

#ECE2D9 #D3A88A

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

#ECE2D9 - #D3A88A | 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 #ECE2D9 como 0% y #D3A88A como 100%.

0.0%	0.0% #ECE2D9	RGB 236 226 217	#ECE2D9
16.7%	16.7% #E7D8CB	RGB 231 216 203	#E7D8CB
33.3%	33.3% #E3CEBE	RGB 227 206 190	#E3CEBE
50.0%	50.0% #DFC5B1	RGB 223 197 177	#DFC5B1
66.7%	66.7% #DBBBA4	RGB 219 187 164	#DBBBA4
83.3%	83.3% #D7B197	RGB 215 177 151	#D7B197
100.0%	100.0% #D3A88A	RGB 211 168 138	#D3A88A

#ECE2D9 #E7D8CB #E3CEBE #DFC5B1 #DBBBA4 #D7B197 #D3A88A

#ECE2D9 - #D3A88A

Mezcla HSV

#ECE2D9 - #D3A88A | 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 #ECE2D9 como 0% y #D3A88A como 100%.

0.0%	0.0% #ECE2D9	RGB 236 226 217	#ECE2D9
16.7%	16.7% #E7D8CA	RGB 231 216 202	#E7D8CA
33.3%	33.3% #E3CEBD	RGB 227 206 189	#E3CEBD
50.0%	50.0% #DFC4AF	RGB 223 196 175	#DFC4AF
66.7%	66.7% #DBBBA2	RGB 219 187 162	#DBBBA2
83.3%	83.3% #D7B196	RGB 215 177 150	#D7B196
100.0%	100.0% #D3A88A	RGB 211 168 138	#D3A88A

#ECE2D9 #E7D8CA #E3CEBD #DFC4AF #DBBBA2 #D7B196 #D3A88A

#ECE2D9 - #DFC4AF - #D3A88A

Códigos CSS

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

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