#AA7A00 - #E6D9B6 | 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 #AA7A00 a #E6D9B6

#AA7A00 #E6D9B6

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

#AA7A00 - #E6D9B6 | 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 #AA7A00 como 0% y #E6D9B6 como 100%.

0.0%	0.0% #AA7A00	RGB 170 122 0	#AA7A00
16.7%	16.7% #B4891E	RGB 180 137 30	#B4891E
33.3%	33.3% #BE993C	RGB 190 153 60	#BE993C
50.0%	50.0% #C8A95B	RGB 200 169 91	#C8A95B
66.7%	66.7% #D2B979	RGB 210 185 121	#D2B979
83.3%	83.3% #DCC997	RGB 220 201 151	#DCC997
100.0%	100.0% #E6D9B6	RGB 230 217 182	#E6D9B6

#AA7A00 #B4891E #BE993C #C8A95B #D2B979 #DCC997 #E6D9B6

#AA7A00 - #E6D9B6

Mezcla HSV

#AA7A00 - #E6D9B6 | 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 #AA7A00 como 0% y #E6D9B6 como 100%.

0.0%	0.0% #AA7A00	RGB 170 122 0	#AA7A00
16.7%	16.7% #B48817	RGB 180 136 23	#B48817
33.3%	33.3% #BE9732	RGB 190 151 50	#BE9732
50.0%	50.0% #C8A64F	RGB 200 166 79	#C8A64F
66.7%	66.7% #D2B66E	RGB 210 182 110	#D2B66E
83.3%	83.3% #DCC791	RGB 220 199 145	#DCC791
100.0%	100.0% #E6D9B6	RGB 230 217 182	#E6D9B6

#AA7A00 #B48817 #BE9732 #C8A64F #D2B66E #DCC791 #E6D9B6

#AA7A00 - #C8A64F - #E6D9B6

Códigos CSS

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

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