#B7945E - #8C541C | 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 #B7945E to #8C541C

#B7945E #8C541C

Calculate the color between two colors, #B7945E and #8C541C. 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)

#B7945E - #8C541C | 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 #B7945E as 0% and #8C541C as 100%.

0.0%	0.0% #B7945E	RGB 183 148 94	#B7945E
16.7%	16.7% #AF8953	RGB 175 137 83	#AF8953
33.3%	33.3% #A87E48	RGB 168 126 72	#A87E48
50.0%	50.0% #A1743D	RGB 161 116 61	#A1743D
66.7%	66.7% #9A6932	RGB 154 105 50	#9A6932
83.3%	83.3% #935E27	RGB 147 94 39	#935E27
100.0%	100.0% #8C541C	RGB 140 84 28	#8C541C

#B7945E #AF8953 #A87E48 #A1743D #9A6932 #935E27 #8C541C

#B7945E - #8C541C

HSV Blend

#B7945E - #8C541C | 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 #B7945E as 0% and #8C541C as 100%.

0.0%	0.0% #B7945E	RGB 183 148 94	#B7945E
16.7%	16.7% #AF8851	RGB 175 136 81	#AF8851
33.3%	33.3% #A87D45	RGB 168 125 69	#A87D45
50.0%	50.0% #A17339	RGB 161 115 57	#A17339
66.7%	66.7% #9A682F	RGB 154 104 47	#9A682F
83.3%	83.3% #935E25	RGB 147 94 37	#935E25
100.0%	100.0% #8C541C	RGB 140 84 28	#8C541C

#B7945E #AF8851 #A87D45 #A17339 #9A682F #935E25 #8C541C

#B7945E - #A17339 - #8C541C

CSS codes

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

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