#3C333C - #BC714D | 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 #3C333C to #BC714D

#3C333C #BC714D

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

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

0.0%	0.0% #3C333C	RGB 60 51 60	#3C333C
16.7%	16.7% #513D3E	RGB 81 61 62	#513D3E
33.3%	33.3% #664741	RGB 102 71 65	#664741
50.0%	50.0% #7C5244	RGB 124 82 68	#7C5244
66.7%	66.7% #915C47	RGB 145 92 71	#915C47
83.3%	83.3% #A6664A	RGB 166 102 74	#A6664A
100.0%	100.0% #BC714D	RGB 188 113 77	#BC714D

#3C333C #513D3E #664741 #7C5244 #915C47 #A6664A #BC714D

#3C333C - #BC714D

HSV Blend

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

0.0%	0.0% #3C333C	RGB 60 51 60	#3C333C
16.7%	16.7% #513F4D	RGB 81 63 77	#513F4D
33.3%	33.3% #664859	RGB 102 72 89	#664859
50.0%	50.0% #7C4E5D	RGB 124 78 93	#7C4E5D
66.7%	66.7% #915058	RGB 145 80 88	#915058
83.3%	83.3% #A65950	RGB 166 89 80	#A65950
100.0%	100.0% #BC714D	RGB 188 113 77	#BC714D

#3C333C #513F4D #664859 #7C4E5D #915058 #A65950 #BC714D

#3C333C - #7C4E5D - #BC714D

CSS codes

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

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