#B0583E - #321911 | 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 #B0583E to #321911

#B0583E #321911

Calculate the color between two colors, #B0583E and #321911. 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)

#B0583E - #321911 | 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 #B0583E as 0% and #321911 as 100%.

0.0%	0.0% #B0583E	RGB 176 88 62	#B0583E
16.7%	16.7% #9B4D36	RGB 155 77 54	#9B4D36
33.3%	33.3% #86432F	RGB 134 67 47	#86432F
50.0%	50.0% #713827	RGB 113 56 39	#713827
66.7%	66.7% #5C2E20	RGB 92 46 32	#5C2E20
83.3%	83.3% #472318	RGB 71 35 24	#472318
100.0%	100.0% #321911	RGB 50 25 17	#321911

#B0583E #9B4D36 #86432F #713827 #5C2E20 #472318 #321911

#B0583E - #321911

HSV Blend

#B0583E - #321911 | 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 #B0583E as 0% and #321911 as 100%.

0.0%	0.0% #B0583E	RGB 176 88 62	#B0583E
16.7%	16.7% #9B4D36	RGB 155 77 54	#9B4D36
33.3%	33.3% #86422E	RGB 134 66 46	#86422E
50.0%	50.0% #713827	RGB 113 56 39	#713827
66.7%	66.7% #5C2D1F	RGB 92 45 31	#5C2D1F
83.3%	83.3% #472318	RGB 71 35 24	#472318
100.0%	100.0% #321911	RGB 50 25 17	#321911

#B0583E #9B4D36 #86422E #713827 #5C2D1F #472318 #321911

#B0583E - #713827 - #321911

CSS codes

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

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