#2B1908 - #C2BDB8 | 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 #2B1908 to #C2BDB8

#2B1908 #C2BDB8

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

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

0.0%	0.0% #2B1908	RGB 43 25 8	#2B1908
16.7%	16.7% #443425	RGB 68 52 37	#443425
33.3%	33.3% #5D4F42	RGB 93 79 66	#5D4F42
50.0%	50.0% #766B60	RGB 118 107 96	#766B60
66.7%	66.7% #8F867D	RGB 143 134 125	#8F867D
83.3%	83.3% #A8A19A	RGB 168 161 154	#A8A19A
100.0%	100.0% #C2BDB8	RGB 194 189 184	#C2BDB8

#2B1908 #443425 #5D4F42 #766B60 #8F867D #A8A19A #C2BDB8

#2B1908 - #C2BDB8

HSV Blend

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

0.0%	0.0% #2B1908	RGB 43 25 8	#2B1908
16.7%	16.7% #442C15	RGB 68 44 21	#442C15
33.3%	33.3% #5D4229	RGB 93 66 41	#5D4229
50.0%	50.0% #765C43	RGB 118 92 67	#765C43
66.7%	66.7% #8F7963	RGB 143 121 99	#8F7963
83.3%	83.3% #A8998A	RGB 168 153 138	#A8998A
100.0%	100.0% #C2BDB8	RGB 194 189 184	#C2BDB8

#2B1908 #442C15 #5D4229 #765C43 #8F7963 #A8998A #C2BDB8

#2B1908 - #765C43 - #C2BDB8

CSS codes

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

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