#BE9A3C - #8F5E00 | 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 #BE9A3C a #8F5E00

#BE9A3C #8F5E00

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

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

0.0%	0.0% #BE9A3C	RGB 190 154 60	#BE9A3C
16.7%	16.7% #B69032	RGB 182 144 50	#B69032
33.3%	33.3% #AE8628	RGB 174 134 40	#AE8628
50.0%	50.0% #A67C1E	RGB 166 124 30	#A67C1E
66.7%	66.7% #9E7214	RGB 158 114 20	#9E7214
83.3%	83.3% #96680A	RGB 150 104 10	#96680A
100.0%	100.0% #8F5E00	RGB 143 94 0	#8F5E00

#BE9A3C #B69032 #AE8628 #A67C1E #9E7214 #96680A #8F5E00

#BE9A3C - #8F5E00

Mezcla HSV

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

0.0%	0.0% #BE9A3C	RGB 190 154 60	#BE9A3C
16.7%	16.7% #B68F2F	RGB 182 143 47	#B68F2F
33.3%	33.3% #AE8524	RGB 174 133 36	#AE8524
50.0%	50.0% #A67B1A	RGB 166 123 26	#A67B1A
66.7%	66.7% #9E7110	RGB 158 113 16	#9E7110
83.3%	83.3% #966707	RGB 150 103 7	#966707
100.0%	100.0% #8F5E00	RGB 143 94 0	#8F5E00

#BE9A3C #B68F2F #AE8524 #A67B1A #9E7110 #966707 #8F5E00

#BE9A3C - #A67B1A - #8F5E00

Códigos CSS

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

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