#AD9B5E - #E7E2D1 | 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 #AD9B5E a #E7E2D1

#AD9B5E #E7E2D1

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

#AD9B5E - #E7E2D1 | 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 #AD9B5E como 0% y #E7E2D1 como 100%.

0.0%	0.0% #AD9B5E	RGB 173 155 94	#AD9B5E
16.7%	16.7% #B6A671	RGB 182 166 113	#B6A671
33.3%	33.3% #C0B284	RGB 192 178 132	#C0B284
50.0%	50.0% #CABE97	RGB 202 190 151	#CABE97
66.7%	66.7% #D3CAAA	RGB 211 202 170	#D3CAAA
83.3%	83.3% #DDD6BD	RGB 221 214 189	#DDD6BD
100.0%	100.0% #E7E2D1	RGB 231 226 209	#E7E2D1

#AD9B5E #B6A671 #C0B284 #CABE97 #D3CAAA #DDD6BD #E7E2D1

#AD9B5E - #E7E2D1

Mezcla HSV

#AD9B5E - #E7E2D1 | 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 #AD9B5E como 0% y #E7E2D1 como 100%.

0.0%	0.0% #AD9B5E	RGB 173 155 94	#AD9B5E
16.7%	16.7% #B6A66E	RGB 182 166 110	#B6A66E
33.3%	33.3% #C0B17F	RGB 192 177 127	#C0B17F
50.0%	50.0% #CABD92	RGB 202 189 146	#CABD92
66.7%	66.7% #D3C9A6	RGB 211 201 166	#D3C9A6
83.3%	83.3% #DDD5BA	RGB 221 213 186	#DDD5BA
100.0%	100.0% #E7E2D1	RGB 231 226 209	#E7E2D1

#AD9B5E #B6A66E #C0B17F #CABD92 #D3C9A6 #DDD5BA #E7E2D1

#AD9B5E - #CABD92 - #E7E2D1

Códigos CSS

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

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