#CB8F5E - #A34D1A | 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 #CB8F5E to #A34D1A

#CB8F5E #A34D1A

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

#CB8F5E - #A34D1A | 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 #CB8F5E as 0% and #A34D1A as 100%.

0.0%	0.0% #CB8F5E	RGB 203 143 94	#CB8F5E
16.7%	16.7% #C48452	RGB 196 132 82	#C48452
33.3%	33.3% #BD7947	RGB 189 121 71	#BD7947
50.0%	50.0% #B76E3C	RGB 183 110 60	#B76E3C
66.7%	66.7% #B06330	RGB 176 99 48	#B06330
83.3%	83.3% #A95825	RGB 169 88 37	#A95825
100.0%	100.0% #A34D1A	RGB 163 77 26	#A34D1A

#CB8F5E #C48452 #BD7947 #B76E3C #B06330 #A95825 #A34D1A

#CB8F5E - #A34D1A

HSV Blend

#CB8F5E - #A34D1A | 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 #CB8F5E as 0% and #A34D1A as 100%.

0.0%	0.0% #CB8F5E	RGB 203 143 94	#CB8F5E
16.7%	16.7% #C48350	RGB 196 131 80	#C48350
33.3%	33.3% #BD7744	RGB 189 119 68	#BD7744
50.0%	50.0% #B76C38	RGB 183 108 56	#B76C38
66.7%	66.7% #B0612D	RGB 176 97 45	#B0612D
83.3%	83.3% #A95723	RGB 169 87 35	#A95723
100.0%	100.0% #A34D1A	RGB 163 77 26	#A34D1A

#CB8F5E #C48350 #BD7744 #B76C38 #B0612D #A95723 #A34D1A

#CB8F5E - #B76C38 - #A34D1A

CSS codes

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

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