#BA5E2B - #802B0A | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BA5E2B to #802B0A

#BA5E2B #802B0A

Calculate the color between two colors, #BA5E2B and #802B0A. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BA5E2B - #802B0A | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BA5E2B as 0% and #802B0A as 100%.

0.0%	0.0% #BA5E2B	RGB 186 94 43	#BA5E2B
16.7%	16.7% #B05525	RGB 176 85 37	#B05525
33.3%	33.3% #A64D20	RGB 166 77 32	#A64D20
50.0%	50.0% #9D441A	RGB 157 68 26	#9D441A
66.7%	66.7% #933C15	RGB 147 60 21	#933C15
83.3%	83.3% #89330F	RGB 137 51 15	#89330F
100.0%	100.0% #802B0A	RGB 128 43 10	#802B0A

#BA5E2B #B05525 #A64D20 #9D441A #933C15 #89330F #802B0A

#BA5E2B - #802B0A

HSV Blend

#BA5E2B - #802B0A | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BA5E2B as 0% and #802B0A as 100%.

0.0%	0.0% #BA5E2B	RGB 186 94 43	#BA5E2B
16.7%	16.7% #B05424	RGB 176 84 36	#B05424
33.3%	33.3% #A64B1E	RGB 166 75 30	#A64B1E
50.0%	50.0% #9D4218	RGB 157 66 24	#9D4218
66.7%	66.7% #933A13	RGB 147 58 19	#933A13
83.3%	83.3% #89320E	RGB 137 50 14	#89320E
100.0%	100.0% #802B0A	RGB 128 43 10	#802B0A

#BA5E2B #B05424 #A64B1E #9D4218 #933A13 #89320E #802B0A

#BA5E2B - #9D4218 - #802B0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5E2B 0%, #9D4218 50%, #802B0A 100%);
    background: -webkit-linear-gradient(top, #BA5E2B 0%, #9D4218 50%, #802B0A 100%);
    background: linear-gradient(to bottom, #BA5E2B 0%, #9D4218 50%, #802B0A 100%);
}
</style>