#BF7E6B - #993B21 | 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 #BF7E6B to #993B21

#BF7E6B #993B21

Calculate the color between two colors, #BF7E6B and #993B21. 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)

#BF7E6B - #993B21 | 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 #BF7E6B as 0% and #993B21 as 100%.

0.0%	0.0% #BF7E6B	RGB 191 126 107	#BF7E6B
16.7%	16.7% #B8725E	RGB 184 114 94	#B8725E
33.3%	33.3% #B26752	RGB 178 103 82	#B26752
50.0%	50.0% #AC5C46	RGB 172 92 70	#AC5C46
66.7%	66.7% #A55139	RGB 165 81 57	#A55139
83.3%	83.3% #9F462D	RGB 159 70 45	#9F462D
100.0%	100.0% #993B21	RGB 153 59 33	#993B21

#BF7E6B #B8725E #B26752 #AC5C46 #A55139 #9F462D #993B21

#BF7E6B - #993B21

HSV Blend

#BF7E6B - #993B21 | 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 #BF7E6B as 0% and #993B21 as 100%.

0.0%	0.0% #BF7E6B	RGB 191 126 107	#BF7E6B
16.7%	16.7% #B8715C	RGB 184 113 92	#B8715C
33.3%	33.3% #B2654F	RGB 178 101 79	#B2654F
50.0%	50.0% #AC5A42	RGB 172 90 66	#AC5A42
66.7%	66.7% #A54F36	RGB 165 79 54	#A54F36
83.3%	83.3% #9F442B	RGB 159 68 43	#9F442B
100.0%	100.0% #993B21	RGB 153 59 33	#993B21

#BF7E6B #B8715C #B2654F #AC5A42 #A54F36 #9F442B #993B21

#BF7E6B - #AC5A42 - #993B21

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF7E6B 0%, #AC5A42 50%, #993B21 100%);
    background: -webkit-linear-gradient(top, #BF7E6B 0%, #AC5A42 50%, #993B21 100%);
    background: linear-gradient(to bottom, #BF7E6B 0%, #AC5A42 50%, #993B21 100%);
}
</style>