#A69C42 - #E5E3C9 | 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 #A69C42 a #E5E3C9

#A69C42 #E5E3C9

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

#A69C42 - #E5E3C9 | 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 #A69C42 como 0% y #E5E3C9 como 100%.

0.0%	0.0% #A69C42	RGB 166 156 66	#A69C42
16.7%	16.7% #B0A758	RGB 176 167 88	#B0A758
33.3%	33.3% #BBB36F	RGB 187 179 111	#BBB36F
50.0%	50.0% #C5BF85	RGB 197 191 133	#C5BF85
66.7%	66.7% #D0CB9C	RGB 208 203 156	#D0CB9C
83.3%	83.3% #DAD7B2	RGB 218 215 178	#DAD7B2
100.0%	100.0% #E5E3C9	RGB 229 227 201	#E5E3C9

#A69C42 #B0A758 #BBB36F #C5BF85 #D0CB9C #DAD7B2 #E5E3C9

#A69C42 - #E5E3C9

Mezcla HSV

#A69C42 - #E5E3C9 | 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 #A69C42 como 0% y #E5E3C9 como 100%.

0.0%	0.0% #A69C42	RGB 166 156 66	#A69C42
16.7%	16.7% #B0A754	RGB 176 167 84	#B0A754
33.3%	33.3% #BBB368	RGB 187 179 104	#BBB368
50.0%	50.0% #C5BF7D	RGB 197 191 125	#C5BF7D
66.7%	66.7% #D0CB95	RGB 208 203 149	#D0CB95
83.3%	83.3% #DAD7AE	RGB 218 215 174	#DAD7AE
100.0%	100.0% #E5E3C9	RGB 229 227 201	#E5E3C9

#A69C42 #B0A754 #BBB368 #C5BF7D #D0CB95 #DAD7AE #E5E3C9

#A69C42 - #C5BF7D - #E5E3C9

Códigos CSS

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

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