#AA7A32 - #E6D9C4 | 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 #AA7A32 a #E6D9C4

#AA7A32 #E6D9C4

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

#AA7A32 - #E6D9C4 | 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 #AA7A32 como 0% y #E6D9C4 como 100%.

0.0%	0.0% #AA7A32	RGB 170 122 50	#AA7A32
16.7%	16.7% #B4894A	RGB 180 137 74	#B4894A
33.3%	33.3% #BE9962	RGB 190 153 98	#BE9962
50.0%	50.0% #C8A97B	RGB 200 169 123	#C8A97B
66.7%	66.7% #D2B993	RGB 210 185 147	#D2B993
83.3%	83.3% #DCC9AB	RGB 220 201 171	#DCC9AB
100.0%	100.0% #E6D9C4	RGB 230 217 196	#E6D9C4

#AA7A32 #B4894A #BE9962 #C8A97B #D2B993 #DCC9AB #E6D9C4

#AA7A32 - #E6D9C4

Mezcla HSV

#AA7A32 - #E6D9C4 | 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 #AA7A32 como 0% y #E6D9C4 como 100%.

0.0%	0.0% #AA7A32	RGB 170 122 50	#AA7A32
16.7%	16.7% #B48845	RGB 180 136 69	#B48845
33.3%	33.3% #BE975B	RGB 190 151 91	#BE975B
50.0%	50.0% #C8A672	RGB 200 166 114	#C8A672
66.7%	66.7% #D2B68B	RGB 210 182 139	#D2B68B
83.3%	83.3% #DCC7A7	RGB 220 199 167	#DCC7A7
100.0%	100.0% #E6D9C4	RGB 230 217 196	#E6D9C4

#AA7A32 #B48845 #BE975B #C8A672 #D2B68B #DCC7A7 #E6D9C4

#AA7A32 - #C8A672 - #E6D9C4

Códigos CSS

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

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