#A49E9C - #E4E5E2 | 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 #A49E9C a #E4E5E2

#A49E9C #E4E5E2

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

#A49E9C - #E4E5E2 | 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 #A49E9C como 0% y #E4E5E2 como 100%.

0.0%	0.0% #A49E9C	RGB 164 158 156	#A49E9C
16.7%	16.7% #AEA9A7	RGB 174 169 167	#AEA9A7
33.3%	33.3% #B9B5B3	RGB 185 181 179	#B9B5B3
50.0%	50.0% #C4C1BF	RGB 196 193 191	#C4C1BF
66.7%	66.7% #CECDCA	RGB 206 205 202	#CECDCA
83.3%	83.3% #D9D9D6	RGB 217 217 214	#D9D9D6
100.0%	100.0% #E4E5E2	RGB 228 229 226	#E4E5E2

#A49E9C #AEA9A7 #B9B5B3 #C4C1BF #CECDCA #D9D9D6 #E4E5E2

#A49E9C - #E4E5E2

Mezcla HSV

#A49E9C - #E4E5E2 | 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 #A49E9C como 0% y #E4E5E2 como 100%.

0.0%	0.0% #A49E9C	RGB 164 158 156	#A49E9C
16.7%	16.7% #AEAAA7	RGB 174 170 167	#AEAAA7
33.3%	33.3% #B9B7B2	RGB 185 183 178	#B9B7B2
50.0%	50.0% #C4C3BE	RGB 196 195 190	#C4C3BE
66.7%	66.7% #CFCFCA	RGB 207 207 202	#CFCFCA
83.3%	83.3% #D9DAD6	RGB 217 218 214	#D9DAD6
100.0%	100.0% #E4E5E2	RGB 228 229 226	#E4E5E2

#A49E9C #AEAAA7 #B9B7B2 #C4C3BE #CFCFCA #D9DAD6 #E4E5E2

#A49E9C - #C4C3BE - #E4E5E2

Códigos CSS

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

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