#B69B5E - #8D5E1B | 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 #B69B5E a #8D5E1B

#B69B5E #8D5E1B

Calcule el color entre dos colores, #B69B5E y #8D5E1B. 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)

#B69B5E - #8D5E1B | 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 #B69B5E como 0% y #8D5E1B como 100%.

0.0%	0.0% #B69B5E	RGB 182 155 94	#B69B5E
16.7%	16.7% #AF9052	RGB 175 144 82	#AF9052
33.3%	33.3% #A88647	RGB 168 134 71	#A88647
50.0%	50.0% #A17C3C	RGB 161 124 60	#A17C3C
66.7%	66.7% #9A7231	RGB 154 114 49	#9A7231
83.3%	83.3% #936826	RGB 147 104 38	#936826
100.0%	100.0% #8D5E1B	RGB 141 94 27	#8D5E1B

#B69B5E #AF9052 #A88647 #A17C3C #9A7231 #936826 #8D5E1B

#B69B5E - #8D5E1B

Mezcla HSV

#B69B5E - #8D5E1B | 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 #B69B5E como 0% y #8D5E1B como 100%.

0.0%	0.0% #B69B5E	RGB 182 155 94	#B69B5E
16.7%	16.7% #AF9050	RGB 175 144 80	#AF9050
33.3%	33.3% #A88644	RGB 168 134 68	#A88644
50.0%	50.0% #A17B39	RGB 161 123 57	#A17B39
66.7%	66.7% #9A712E	RGB 154 113 46	#9A712E
83.3%	83.3% #936724	RGB 147 103 36	#936724
100.0%	100.0% #8D5E1B	RGB 141 94 27	#8D5E1B

#B69B5E #AF9050 #A88644 #A17B39 #9A712E #936724 #8D5E1B

#B69B5E - #A17B39 - #8D5E1B

Códigos CSS

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

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