#B05555 - #831E14 | 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 #B05555 to #831E14

#B05555 #831E14

Calculate the color between two colors, #B05555 and #831E14. 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)

#B05555 - #831E14 | 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 #B05555 as 0% and #831E14 as 100%.

0.0%	0.0% #B05555	RGB 176 85 85	#B05555
16.7%	16.7% #A84B4A	RGB 168 75 74	#A84B4A
33.3%	33.3% #A1423F	RGB 161 66 63	#A1423F
50.0%	50.0% #993934	RGB 153 57 52	#993934
66.7%	66.7% #923029	RGB 146 48 41	#923029
83.3%	83.3% #8A271E	RGB 138 39 30	#8A271E
100.0%	100.0% #831E14	RGB 131 30 20	#831E14

#B05555 #A84B4A #A1423F #993934 #923029 #8A271E #831E14

#B05555 - #831E14

HSV Blend

#B05555 - #831E14 | 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 #B05555 as 0% and #831E14 as 100%.

0.0%	0.0% #B05555	RGB 176 85 85	#B05555
16.7%	16.7% #A84948	RGB 168 73 72	#A84948
33.3%	33.3% #A13F3C	RGB 161 63 60	#A13F3C
50.0%	50.0% #993530	RGB 153 53 48	#993530
66.7%	66.7% #922C26	RGB 146 44 38	#922C26
83.3%	83.3% #8A251C	RGB 138 37 28	#8A251C
100.0%	100.0% #831E14	RGB 131 30 20	#831E14

#B05555 #A84948 #A13F3C #993530 #922C26 #8A251C #831E14

#B05555 - #993530 - #831E14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05555 0%, #993530 50%, #831E14 100%);
    background: -webkit-linear-gradient(top, #B05555 0%, #993530 50%, #831E14 100%);
    background: linear-gradient(to bottom, #B05555 0%, #993530 50%, #831E14 100%);
}
</style>