#AD5E00 - #E7D1B6 | 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 #AD5E00 a #E7D1B6

#AD5E00 #E7D1B6

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

#AD5E00 - #E7D1B6 | 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 #AD5E00 como 0% y #E7D1B6 como 100%.

0.0%	0.0% #AD5E00	RGB 173 94 0	#AD5E00
16.7%	16.7% #B6711E	RGB 182 113 30	#B6711E
33.3%	33.3% #C0843C	RGB 192 132 60	#C0843C
50.0%	50.0% #CA975B	RGB 202 151 91	#CA975B
66.7%	66.7% #D3AA79	RGB 211 170 121	#D3AA79
83.3%	83.3% #DDBD97	RGB 221 189 151	#DDBD97
100.0%	100.0% #E7D1B6	RGB 231 209 182	#E7D1B6

#AD5E00 #B6711E #C0843C #CA975B #D3AA79 #DDBD97 #E7D1B6

#AD5E00 - #E7D1B6

Mezcla HSV

#AD5E00 - #E7D1B6 | 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 #AD5E00 como 0% y #E7D1B6 como 100%.

0.0%	0.0% #AD5E00	RGB 173 94 0	#AD5E00
16.7%	16.7% #B66E17	RGB 182 110 23	#B66E17
33.3%	33.3% #C07F32	RGB 192 127 50	#C07F32
50.0%	50.0% #CA924F	RGB 202 146 79	#CA924F
66.7%	66.7% #D3A66F	RGB 211 166 111	#D3A66F
83.3%	83.3% #DDBB91	RGB 221 187 145	#DDBB91
100.0%	100.0% #E7D1B6	RGB 231 209 182	#E7D1B6

#AD5E00 #B66E17 #C07F32 #CA924F #D3A66F #DDBB91 #E7D1B6

#AD5E00 - #CA924F - #E7D1B6

Códigos CSS

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

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