#2D3721 - #C3C5BF | 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 #2D3721 to #C3C5BF

#2D3721 #C3C5BF

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

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

0.0%	0.0% #2D3721	RGB 45 55 33	#2D3721
16.7%	16.7% #464E3B	RGB 70 78 59	#464E3B
33.3%	33.3% #5F6655	RGB 95 102 85	#5F6655
50.0%	50.0% #787E70	RGB 120 126 112	#787E70
66.7%	66.7% #91958A	RGB 145 149 138	#91958A
83.3%	83.3% #AAADA4	RGB 170 173 164	#AAADA4
100.0%	100.0% #C3C5BF	RGB 195 197 191	#C3C5BF

#2D3721 #464E3B #5F6655 #787E70 #91958A #AAADA4 #C3C5BF

#2D3721 - #C3C5BF

HSV Blend

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

0.0%	0.0% #2D3721	RGB 45 55 33	#2D3721
16.7%	16.7% #434E34	RGB 67 78 52	#434E34
33.3%	33.3% #5A664A	RGB 90 102 74	#5A664A
50.0%	50.0% #737E62	RGB 115 126 98	#737E62
66.7%	66.7% #8D957E	RGB 141 149 126	#8D957E
83.3%	83.3% #A7AD9D	RGB 167 173 157	#A7AD9D
100.0%	100.0% #C3C5BF	RGB 195 197 191	#C3C5BF

#2D3721 #434E34 #5A664A #737E62 #8D957E #A7AD9D #C3C5BF

#2D3721 - #737E62 - #C3C5BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3721 0%, #737E62 50%, #C3C5BF 100%);
    background: -webkit-linear-gradient(top, #2D3721 0%, #737E62 50%, #C3C5BF 100%);
    background: linear-gradient(to bottom, #2D3721 0%, #737E62 50%, #C3C5BF 100%);
}
</style>