#BF5E3E - #8C3A0F | 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 #BF5E3E a #8C3A0F

#BF5E3E #8C3A0F

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

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

0.0%	0.0% #BF5E3E	RGB 191 94 62	#BF5E3E
16.7%	16.7% #B65836	RGB 182 88 54	#B65836
33.3%	33.3% #AE522E	RGB 174 82 46	#AE522E
50.0%	50.0% #A54C26	RGB 165 76 38	#A54C26
66.7%	66.7% #9D461E	RGB 157 70 30	#9D461E
83.3%	83.3% #944016	RGB 148 64 22	#944016
100.0%	100.0% #8C3A0F	RGB 140 58 15	#8C3A0F

#BF5E3E #B65836 #AE522E #A54C26 #9D461E #944016 #8C3A0F

#BF5E3E - #8C3A0F

Mezcla HSV

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

0.0%	0.0% #BF5E3E	RGB 191 94 62	#BF5E3E
16.7%	16.7% #B65634	RGB 182 86 52	#B65634
33.3%	33.3% #AE502B	RGB 174 80 43	#AE502B
50.0%	50.0% #A54A23	RGB 165 74 35	#A54A23
66.7%	66.7% #9D441C	RGB 157 68 28	#9D441C
83.3%	83.3% #943F15	RGB 148 63 21	#943F15
100.0%	100.0% #8C3A0F	RGB 140 58 15	#8C3A0F

#BF5E3E #B65634 #AE502B #A54A23 #9D441C #943F15 #8C3A0F

#BF5E3E - #A54A23 - #8C3A0F

Códigos CSS

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

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