#2B1700 - #C2BDB6 | 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 #2B1700 to #C2BDB6

#2B1700 #C2BDB6

Calculate the color between two colors, #2B1700 and #C2BDB6. 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)

#2B1700 - #C2BDB6 | 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 #2B1700 as 0% and #C2BDB6 as 100%.

0.0%	0.0% #2B1700	RGB 43 23 0	#2B1700
16.7%	16.7% #44321E	RGB 68 50 30	#44321E
33.3%	33.3% #5D4E3C	RGB 93 78 60	#5D4E3C
50.0%	50.0% #766A5B	RGB 118 106 91	#766A5B
66.7%	66.7% #8F8579	RGB 143 133 121	#8F8579
83.3%	83.3% #A8A197	RGB 168 161 151	#A8A197
100.0%	100.0% #C2BDB6	RGB 194 189 182	#C2BDB6

#2B1700 #44321E #5D4E3C #766A5B #8F8579 #A8A197 #C2BDB6

#2B1700 - #C2BDB6

HSV Blend

#2B1700 - #C2BDB6 | 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 #2B1700 as 0% and #C2BDB6 as 100%.

0.0%	0.0% #2B1700	RGB 43 23 0	#2B1700
16.7%	16.7% #44290A	RGB 68 41 10	#44290A
33.3%	33.3% #5D401D	RGB 93 64 29	#5D401D
50.0%	50.0% #765A37	RGB 118 90 55	#765A37
66.7%	66.7% #8F7859	RGB 143 120 89	#8F7859
83.3%	83.3% #A89983	RGB 168 153 131	#A89983
100.0%	100.0% #C2BDB6	RGB 194 189 182	#C2BDB6

#2B1700 #44290A #5D401D #765A37 #8F7859 #A89983 #C2BDB6

#2B1700 - #765A37 - #C2BDB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B1700 0%, #765A37 50%, #C2BDB6 100%);
    background: -webkit-linear-gradient(top, #2B1700 0%, #765A37 50%, #C2BDB6 100%);
    background: linear-gradient(to bottom, #2B1700 0%, #765A37 50%, #C2BDB6 100%);
}
</style>