#ECE5E1 - #D4AA95 | 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 #ECE5E1 a #D4AA95

#ECE5E1 #D4AA95

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

#ECE5E1 - #D4AA95 | 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 #ECE5E1 como 0% y #D4AA95 como 100%.

0.0%	0.0% #ECE5E1	RGB 236 229 225	#ECE5E1
16.7%	16.7% #E8DBD4	RGB 232 219 212	#E8DBD4
33.3%	33.3% #E4D1C7	RGB 228 209 199	#E4D1C7
50.0%	50.0% #E0C7BB	RGB 224 199 187	#E0C7BB
66.7%	66.7% #DCBDAE	RGB 220 189 174	#DCBDAE
83.3%	83.3% #D8B3A1	RGB 216 179 161	#D8B3A1
100.0%	100.0% #D4AA95	RGB 212 170 149	#D4AA95

#ECE5E1 #E8DBD4 #E4D1C7 #E0C7BB #DCBDAE #D8B3A1 #D4AA95

#ECE5E1 - #D4AA95

Mezcla HSV

#ECE5E1 - #D4AA95 | 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 #ECE5E1 como 0% y #D4AA95 como 100%.

0.0%	0.0% #ECE5E1	RGB 236 229 225	#ECE5E1
16.7%	16.7% #E8DAD3	RGB 232 218 211	#E8DAD3
33.3%	33.3% #E4D0C6	RGB 228 208 198	#E4D0C6
50.0%	50.0% #E0C6B9	RGB 224 198 185	#E0C6B9
66.7%	66.7% #DCBDAC	RGB 220 189 172	#DCBDAC
83.3%	83.3% #D8B3A0	RGB 216 179 160	#D8B3A0
100.0%	100.0% #D4AA95	RGB 212 170 149	#D4AA95

#ECE5E1 #E8DAD3 #E4D0C6 #E0C6B9 #DCBDAC #D8B3A0 #D4AA95

#ECE5E1 - #E0C6B9 - #D4AA95

Códigos CSS

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

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