#B56661 - #8D281A | 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 #B56661 to #8D281A

#B56661 #8D281A

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

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

0.0%	0.0% #B56661	RGB 181 102 97	#B56661
16.7%	16.7% #AE5B55	RGB 174 91 85	#AE5B55
33.3%	33.3% #A75149	RGB 167 81 73	#A75149
50.0%	50.0% #A1473D	RGB 161 71 61	#A1473D
66.7%	66.7% #9A3C31	RGB 154 60 49	#9A3C31
83.3%	83.3% #933225	RGB 147 50 37	#933225
100.0%	100.0% #8D281A	RGB 141 40 26	#8D281A

#B56661 #AE5B55 #A75149 #A1473D #9A3C31 #933225 #8D281A

#B56661 - #8D281A

HSV Blend

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

0.0%	0.0% #B56661	RGB 181 102 97	#B56661
16.7%	16.7% #AE5953	RGB 174 89 83	#AE5953
33.3%	33.3% #A74E46	RGB 167 78 70	#A74E46
50.0%	50.0% #A14339	RGB 161 67 57	#A14339
66.7%	66.7% #9A392E	RGB 154 57 46	#9A392E
83.3%	83.3% #933023	RGB 147 48 35	#933023
100.0%	100.0% #8D281A	RGB 141 40 26	#8D281A

#B56661 #AE5953 #A74E46 #A14339 #9A392E #933023 #8D281A

#B56661 - #A14339 - #8D281A

CSS codes

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

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