#BF5E3A - #88290D | 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 #BF5E3A to #88290D

#BF5E3A #88290D

Calculate the color between two colors, #BF5E3A and #88290D. 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)

#BF5E3A - #88290D | 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 #BF5E3A as 0% and #88290D as 100%.

0.0%	0.0% #BF5E3A	RGB 191 94 58	#BF5E3A
16.7%	16.7% #B55532	RGB 181 85 50	#B55532
33.3%	33.3% #AC4C2B	RGB 172 76 43	#AC4C2B
50.0%	50.0% #A34323	RGB 163 67 35	#A34323
66.7%	66.7% #9A3A1C	RGB 154 58 28	#9A3A1C
83.3%	83.3% #913114	RGB 145 49 20	#913114
100.0%	100.0% #88290D	RGB 136 41 13	#88290D

#BF5E3A #B55532 #AC4C2B #A34323 #9A3A1C #913114 #88290D

#BF5E3A - #88290D

HSV Blend

#BF5E3A - #88290D | 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 #BF5E3A as 0% and #88290D as 100%.

0.0%	0.0% #BF5E3A	RGB 191 94 58	#BF5E3A
16.7%	16.7% #B55330	RGB 181 83 48	#B55330
33.3%	33.3% #AC4A28	RGB 172 74 40	#AC4A28
50.0%	50.0% #A34120	RGB 163 65 32	#A34120
66.7%	66.7% #9A3819	RGB 154 56 25	#9A3819
83.3%	83.3% #913012	RGB 145 48 18	#913012
100.0%	100.0% #88290D	RGB 136 41 13	#88290D

#BF5E3A #B55330 #AC4A28 #A34120 #9A3819 #913012 #88290D

#BF5E3A - #A34120 - #88290D

CSS codes

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

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