#ADAEA8 - #E9E3C0 | 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 #ADAEA8 a #E9E3C0

#ADAEA8 #E9E3C0

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

#ADAEA8 - #E9E3C0 | 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 #ADAEA8 como 0% y #E9E3C0 como 100%.

0.0%	0.0% #ADAEA8	RGB 173 174 168	#ADAEA8
16.7%	16.7% #B7B6AC	RGB 183 182 172	#B7B6AC
33.3%	33.3% #C1BFB0	RGB 193 191 176	#C1BFB0
50.0%	50.0% #CBC8B4	RGB 203 200 180	#CBC8B4
66.7%	66.7% #D5D1B8	RGB 213 209 184	#D5D1B8
83.3%	83.3% #DFDABC	RGB 223 218 188	#DFDABC
100.0%	100.0% #E9E3C0	RGB 233 227 192	#E9E3C0

#ADAEA8 #B7B6AC #C1BFB0 #CBC8B4 #D5D1B8 #DFDABC #E9E3C0

#ADAEA8 - #E9E3C0

Mezcla HSV

#ADAEA8 - #E9E3C0 | 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 #ADAEA8 como 0% y #E9E3C0 como 100%.

0.0%	0.0% #ADAEA8	RGB 173 174 168	#ADAEA8
16.7%	16.7% #B6B7AD	RGB 182 183 173	#B6B7AD
33.3%	33.3% #C0C1B1	RGB 192 193 177	#C0C1B1
50.0%	50.0% #CBCBB6	RGB 203 203 182	#CBCBB6
66.7%	66.7% #D5D4B9	RGB 213 212 185	#D5D4B9
83.3%	83.3% #DFDBBD	RGB 223 219 189	#DFDBBD
100.0%	100.0% #E9E3C0	RGB 233 227 192	#E9E3C0

#ADAEA8 #B6B7AD #C0C1B1 #CBCBB6 #D5D4B9 #DFDBBD #E9E3C0

#ADAEA8 - #CBCBB6 - #E9E3C0

Códigos CSS

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

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