#ECE5E4 - #D9A69A | 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 #ECE5E4 a #D9A69A

#ECE5E4 #D9A69A

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

#ECE5E4 - #D9A69A | 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 #ECE5E4 como 0% y #D9A69A como 100%.

0.0%	0.0% #ECE5E4	RGB 236 229 228	#ECE5E4
16.7%	16.7% #E8DAD7	RGB 232 218 215	#E8DAD7
33.3%	33.3% #E5D0CB	RGB 229 208 203	#E5D0CB
50.0%	50.0% #E2C5BF	RGB 226 197 191	#E2C5BF
66.7%	66.7% #DFBBB2	RGB 223 187 178	#DFBBB2
83.3%	83.3% #DCB0A6	RGB 220 176 166	#DCB0A6
100.0%	100.0% #D9A69A	RGB 217 166 154	#D9A69A

#ECE5E4 #E8DAD7 #E5D0CB #E2C5BF #DFBBB2 #DCB0A6 #D9A69A

#ECE5E4 - #D9A69A

Mezcla HSV

#ECE5E4 - #D9A69A | 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 #ECE5E4 como 0% y #D9A69A como 100%.

0.0%	0.0% #ECE5E4	RGB 236 229 228	#ECE5E4
16.7%	16.7% #E8D9D6	RGB 232 217 214	#E8D9D6
33.3%	33.3% #E5CECA	RGB 229 206 202	#E5CECA
50.0%	50.0% #E2C3BD	RGB 226 195 189	#E2C3BD
66.7%	66.7% #DFB9B1	RGB 223 185 177	#DFB9B1
83.3%	83.3% #DCAFA5	RGB 220 175 165	#DCAFA5
100.0%	100.0% #D9A69A	RGB 217 166 154	#D9A69A

#ECE5E4 #E8D9D6 #E5CECA #E2C3BD #DFB9B1 #DCAFA5 #D9A69A

#ECE5E4 - #E2C3BD - #D9A69A

Códigos CSS

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

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