#ADAA7B - #E7E6D9 | 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 #ADAA7B a #E7E6D9

#ADAA7B #E7E6D9

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

#ADAA7B - #E7E6D9 | 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 #ADAA7B como 0% y #E7E6D9 como 100%.

0.0%	0.0% #ADAA7B	RGB 173 170 123	#ADAA7B
16.7%	16.7% #B6B48A	RGB 182 180 138	#B6B48A
33.3%	33.3% #C0BE9A	RGB 192 190 154	#C0BE9A
50.0%	50.0% #CAC8AA	RGB 202 200 170	#CAC8AA
66.7%	66.7% #D3D2B9	RGB 211 210 185	#D3D2B9
83.3%	83.3% #DDDCC9	RGB 221 220 201	#DDDCC9
100.0%	100.0% #E7E6D9	RGB 231 230 217	#E7E6D9

#ADAA7B #B6B48A #C0BE9A #CAC8AA #D3D2B9 #DDDCC9 #E7E6D9

#ADAA7B - #E7E6D9

Mezcla HSV

#ADAA7B - #E7E6D9 | 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 #ADAA7B como 0% y #E7E6D9 como 100%.

0.0%	0.0% #ADAA7B	RGB 173 170 123	#ADAA7B
16.7%	16.7% #B6B388	RGB 182 179 136	#B6B388
33.3%	33.3% #C0BD97	RGB 192 189 151	#C0BD97
50.0%	50.0% #CAC7A6	RGB 202 199 166	#CAC7A6
66.7%	66.7% #D3D1B6	RGB 211 209 182	#D3D1B6
83.3%	83.3% #DDDBC7	RGB 221 219 199	#DDDBC7
100.0%	100.0% #E7E6D9	RGB 231 230 217	#E7E6D9

#ADAA7B #B6B388 #C0BD97 #CAC7A6 #D3D1B6 #DDDBC7 #E7E6D9

#ADAA7B - #CAC7A6 - #E7E6D9

Códigos CSS

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

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