#A9ABA0 - #EAE1B9 | 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 #A9ABA0 a #EAE1B9

#A9ABA0 #EAE1B9

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

#A9ABA0 - #EAE1B9 | 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 #A9ABA0 como 0% y #EAE1B9 como 100%.

0.0%	0.0% #A9ABA0	RGB 169 171 160	#A9ABA0
16.7%	16.7% #B3B4A4	RGB 179 180 164	#B3B4A4
33.3%	33.3% #BEBDA8	RGB 190 189 168	#BEBDA8
50.0%	50.0% #C9C6AC	RGB 201 198 172	#C9C6AC
66.7%	66.7% #D4CFB0	RGB 212 207 176	#D4CFB0
83.3%	83.3% #DFD8B4	RGB 223 216 180	#DFD8B4
100.0%	100.0% #EAE1B9	RGB 234 225 185	#EAE1B9

#A9ABA0 #B3B4A4 #BEBDA8 #C9C6AC #D4CFB0 #DFD8B4 #EAE1B9

#A9ABA0 - #EAE1B9

Mezcla HSV

#A9ABA0 - #EAE1B9 | 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 #A9ABA0 como 0% y #EAE1B9 como 100%.

0.0%	0.0% #A9ABA0	RGB 169 171 160	#A9ABA0
16.7%	16.7% #B3B5A5	RGB 179 181 165	#B3B5A5
33.3%	33.3% #BEC0AA	RGB 190 192 170	#BEC0AA
50.0%	50.0% #CACAAE	RGB 202 202 174	#CACAAE
66.7%	66.7% #D5D2B2	RGB 213 210 178	#D5D2B2
83.3%	83.3% #DFDAB6	RGB 223 218 182	#DFDAB6
100.0%	100.0% #EAE1B9	RGB 234 225 185	#EAE1B9

#A9ABA0 #B3B5A5 #BEC0AA #CACAAE #D5D2B2 #DFDAB6 #EAE1B9

#A9ABA0 - #CACAAE - #EAE1B9

Códigos CSS

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

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