#2D2D12 - #C3C3BB | 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 #2D2D12 to #C3C3BB

#2D2D12 #C3C3BB

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

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

0.0%	0.0% #2D2D12	RGB 45 45 18	#2D2D12
16.7%	16.7% #46462E	RGB 70 70 46	#46462E
33.3%	33.3% #5F5F4A	RGB 95 95 74	#5F5F4A
50.0%	50.0% #787866	RGB 120 120 102	#787866
66.7%	66.7% #919182	RGB 145 145 130	#919182
83.3%	83.3% #AAAA9E	RGB 170 170 158	#AAAA9E
100.0%	100.0% #C3C3BB	RGB 195 195 187	#C3C3BB

#2D2D12 #46462E #5F5F4A #787866 #919182 #AAAA9E #C3C3BB

#2D2D12 - #C3C3BB

HSV Blend

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

0.0%	0.0% #2D2D12	RGB 45 45 18	#2D2D12
16.7%	16.7% #464622	RGB 70 70 34	#464622
33.3%	33.3% #5F5F37	RGB 95 95 55	#5F5F37
50.0%	50.0% #787851	RGB 120 120 81	#787851
66.7%	66.7% #919170	RGB 145 145 112	#919170
83.3%	83.3% #AAAA93	RGB 170 170 147	#AAAA93
100.0%	100.0% #C3C3BB	RGB 195 195 187	#C3C3BB

#2D2D12 #464622 #5F5F37 #787851 #919170 #AAAA93 #C3C3BB

#2D2D12 - #787851 - #C3C3BB

CSS codes

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

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