#AAAC9E - #ECE2B8 | 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 #AAAC9E a #ECE2B8

#AAAC9E #ECE2B8

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

#AAAC9E - #ECE2B8 | 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 #AAAC9E como 0% y #ECE2B8 como 100%.

0.0%	0.0% #AAAC9E	RGB 170 172 158	#AAAC9E
16.7%	16.7% #B5B5A2	RGB 181 181 162	#B5B5A2
33.3%	33.3% #C0BEA6	RGB 192 190 166	#C0BEA6
50.0%	50.0% #CBC7AB	RGB 203 199 171	#CBC7AB
66.7%	66.7% #D6D0AF	RGB 214 208 175	#D6D0AF
83.3%	83.3% #E1D9B3	RGB 225 217 179	#E1D9B3
100.0%	100.0% #ECE2B8	RGB 236 226 184	#ECE2B8

#AAAC9E #B5B5A2 #C0BEA6 #CBC7AB #D6D0AF #E1D9B3 #ECE2B8

#AAAC9E - #ECE2B8

Mezcla HSV

#AAAC9E - #ECE2B8 | 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 #AAAC9E como 0% y #ECE2B8 como 100%.

0.0%	0.0% #AAAC9E	RGB 170 172 158	#AAAC9E
16.7%	16.7% #B5B6A3	RGB 181 182 163	#B5B6A3
33.3%	33.3% #C0C1A8	RGB 192 193 168	#C0C1A8
50.0%	50.0% #CCCBAD	RGB 204 203 173	#CCCBAD
66.7%	66.7% #D6D3B1	RGB 214 211 177	#D6D3B1
83.3%	83.3% #E1DBB4	RGB 225 219 180	#E1DBB4
100.0%	100.0% #ECE2B8	RGB 236 226 184	#ECE2B8

#AAAC9E #B5B6A3 #C0C1A8 #CCCBAD #D6D3B1 #E1DBB4 #ECE2B8

#AAAC9E - #CCCBAD - #ECE2B8

Códigos CSS

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

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