#B5655F - #8C2719 | 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 #B5655F to #8C2719

#B5655F #8C2719

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

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

0.0%	0.0% #B5655F	RGB 181 101 95	#B5655F
16.7%	16.7% #AE5A53	RGB 174 90 83	#AE5A53
33.3%	33.3% #A75047	RGB 167 80 71	#A75047
50.0%	50.0% #A0463C	RGB 160 70 60	#A0463C
66.7%	66.7% #993B30	RGB 153 59 48	#993B30
83.3%	83.3% #923124	RGB 146 49 36	#923124
100.0%	100.0% #8C2719	RGB 140 39 25	#8C2719

#B5655F #AE5A53 #A75047 #A0463C #993B30 #923124 #8C2719

#B5655F - #8C2719

HSV Blend

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

0.0%	0.0% #B5655F	RGB 181 101 95	#B5655F
16.7%	16.7% #AE5851	RGB 174 88 81	#AE5851
33.3%	33.3% #A74D44	RGB 167 77 68	#A74D44
50.0%	50.0% #A04238	RGB 160 66 56	#A04238
66.7%	66.7% #99382D	RGB 153 56 45	#99382D
83.3%	83.3% #922F22	RGB 146 47 34	#922F22
100.0%	100.0% #8C2719	RGB 140 39 25	#8C2719

#B5655F #AE5851 #A74D44 #A04238 #99382D #922F22 #8C2719

#B5655F - #A04238 - #8C2719

CSS codes

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

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