#A99B5E - #E6E2D1 | 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 #A99B5E a #E6E2D1

#A99B5E #E6E2D1

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

#A99B5E - #E6E2D1 | 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 #A99B5E como 0% y #E6E2D1 como 100%.

0.0%	0.0% #A99B5E	RGB 169 155 94	#A99B5E
16.7%	16.7% #B3A671	RGB 179 166 113	#B3A671
33.3%	33.3% #BDB284	RGB 189 178 132	#BDB284
50.0%	50.0% #C7BE97	RGB 199 190 151	#C7BE97
66.7%	66.7% #D1CAAA	RGB 209 202 170	#D1CAAA
83.3%	83.3% #DBD6BD	RGB 219 214 189	#DBD6BD
100.0%	100.0% #E6E2D1	RGB 230 226 209	#E6E2D1

#A99B5E #B3A671 #BDB284 #C7BE97 #D1CAAA #DBD6BD #E6E2D1

#A99B5E - #E6E2D1

Mezcla HSV

#A99B5E - #E6E2D1 | 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 #A99B5E como 0% y #E6E2D1 como 100%.

0.0%	0.0% #A99B5E	RGB 169 155 94	#A99B5E
16.7%	16.7% #B3A66E	RGB 179 166 110	#B3A66E
33.3%	33.3% #BDB17F	RGB 189 177 127	#BDB17F
50.0%	50.0% #C7BD92	RGB 199 189 146	#C7BD92
66.7%	66.7% #D1C9A5	RGB 209 201 165	#D1C9A5
83.3%	83.3% #DBD5BA	RGB 219 213 186	#DBD5BA
100.0%	100.0% #E6E2D1	RGB 230 226 209	#E6E2D1

#A99B5E #B3A66E #BDB17F #C7BD92 #D1C9A5 #DBD5BA #E6E2D1

#A99B5E - #C7BD92 - #E6E2D1

Códigos CSS

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

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