#3F2F2F - #C8C3C3 | 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 #3F2F2F to #C8C3C3

#3F2F2F #C8C3C3

Calculate the color between two colors, #3F2F2F and #C8C3C3. 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)

#3F2F2F - #C8C3C3 | 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 #3F2F2F as 0% and #C8C3C3 as 100%.

0.0%	0.0% #3F2F2F	RGB 63 47 47	#3F2F2F
16.7%	16.7% #554747	RGB 85 71 71	#554747
33.3%	33.3% #6C6060	RGB 108 96 96	#6C6060
50.0%	50.0% #837979	RGB 131 121 121	#837979
66.7%	66.7% #9A9191	RGB 154 145 145	#9A9191
83.3%	83.3% #B1AAAA	RGB 177 170 170	#B1AAAA
100.0%	100.0% #C8C3C3	RGB 200 195 195	#C8C3C3

#3F2F2F #554747 #6C6060 #837979 #9A9191 #B1AAAA #C8C3C3

#3F2F2F - #C8C3C3

HSV Blend

#3F2F2F - #C8C3C3 | 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 #3F2F2F as 0% and #C8C3C3 as 100%.

0.0%	0.0% #3F2F2F	RGB 63 47 47	#3F2F2F
16.7%	16.7% #554343	RGB 85 67 67	#554343
33.3%	33.3% #6C5959	RGB 108 89 89	#6C5959
50.0%	50.0% #837171	RGB 131 113 113	#837171
66.7%	66.7% #9A8A8A	RGB 154 138 138	#9A8A8A
83.3%	83.3% #B1A5A5	RGB 177 165 165	#B1A5A5
100.0%	100.0% #C8C3C3	RGB 200 195 195	#C8C3C3

#3F2F2F #554343 #6C5959 #837171 #9A8A8A #B1A5A5 #C8C3C3

#3F2F2F - #837171 - #C8C3C3

CSS codes

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

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