#E5E6E4 - #AAAD89 | 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 #E5E6E4 a #AAAD89

#E5E6E4 #AAAD89

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

#E5E6E4 - #AAAD89 | 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 #E5E6E4 como 0% y #AAAD89 como 100%.

0.0%	0.0% #E5E6E4	RGB 229 230 228	#E5E6E4
16.7%	16.7% #DBDCD4	RGB 219 220 212	#DBDCD4
33.3%	33.3% #D1D3C5	RGB 209 211 197	#D1D3C5
50.0%	50.0% #C7C9B6	RGB 199 201 182	#C7C9B6
66.7%	66.7% #BDC0A7	RGB 189 192 167	#BDC0A7
83.3%	83.3% #B3B698	RGB 179 182 152	#B3B698
100.0%	100.0% #AAAD89	RGB 170 173 137	#AAAD89

#E5E6E4 #DBDCD4 #D1D3C5 #C7C9B6 #BDC0A7 #B3B698 #AAAD89

#E5E6E4 - #AAAD89

Mezcla HSV

#E5E6E4 - #AAAD89 | 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 #E5E6E4 como 0% y #AAAD89 como 100%.

0.0%	0.0% #E5E6E4	RGB 229 230 228	#E5E6E4
16.7%	16.7% #D8DCD3	RGB 216 220 211	#D8DCD3
33.3%	33.3% #CDD3C3	RGB 205 211 195	#CDD3C3
50.0%	50.0% #C3C9B3	RGB 195 201 179	#C3C9B3
66.7%	66.7% #B9C0A4	RGB 185 192 164	#B9C0A4
83.3%	83.3% #B1B696	RGB 177 182 150	#B1B696
100.0%	100.0% #AAAD89	RGB 170 173 137	#AAAD89

#E5E6E4 #D8DCD3 #CDD3C3 #C3C9B3 #B9C0A4 #B1B696 #AAAD89

#E5E6E4 - #C3C9B3 - #AAAD89

Códigos CSS

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

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