#ECE5E2 - #D6A997 | 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 #ECE5E2 a #D6A997

#ECE5E2 #D6A997

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

#ECE5E2 - #D6A997 | 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 #ECE5E2 como 0% y #D6A997 como 100%.

0.0%	0.0% #ECE5E2	RGB 236 229 226	#ECE5E2
16.7%	16.7% #E8DBD5	RGB 232 219 213	#E8DBD5
33.3%	33.3% #E4D1C9	RGB 228 209 201	#E4D1C9
50.0%	50.0% #E1C7BC	RGB 225 199 188	#E1C7BC
66.7%	66.7% #DDBDB0	RGB 221 189 176	#DDBDB0
83.3%	83.3% #D9B3A3	RGB 217 179 163	#D9B3A3
100.0%	100.0% #D6A997	RGB 214 169 151	#D6A997

#ECE5E2 #E8DBD5 #E4D1C9 #E1C7BC #DDBDB0 #D9B3A3 #D6A997

#ECE5E2 - #D6A997

Mezcla HSV

#ECE5E2 - #D6A997 | 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 #ECE5E2 como 0% y #D6A997 como 100%.

0.0%	0.0% #ECE5E2	RGB 236 229 226	#ECE5E2
16.7%	16.7% #E8DAD4	RGB 232 218 212	#E8DAD4
33.3%	33.3% #E4D0C7	RGB 228 208 199	#E4D0C7
50.0%	50.0% #E1C6BB	RGB 225 198 187	#E1C6BB
66.7%	66.7% #DDBCAE	RGB 221 188 174	#DDBCAE
83.3%	83.3% #D9B2A2	RGB 217 178 162	#D9B2A2
100.0%	100.0% #D6A997	RGB 214 169 151	#D6A997

#ECE5E2 #E8DAD4 #E4D0C7 #E1C6BB #DDBCAE #D9B2A2 #D6A997

#ECE5E2 - #E1C6BB - #D6A997

Códigos CSS

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

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