#3C3F2D - #C7C8C3 | 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 #3C3F2D to #C7C8C3

#3C3F2D #C7C8C3

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

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

0.0%	0.0% #3C3F2D	RGB 60 63 45	#3C3F2D
16.7%	16.7% #535546	RGB 83 85 70	#535546
33.3%	33.3% #6A6C5F	RGB 106 108 95	#6A6C5F
50.0%	50.0% #818378	RGB 129 131 120	#818378
66.7%	66.7% #989A91	RGB 152 154 145	#989A91
83.3%	83.3% #AFB1AA	RGB 175 177 170	#AFB1AA
100.0%	100.0% #C7C8C3	RGB 199 200 195	#C7C8C3

#3C3F2D #535546 #6A6C5F #818378 #989A91 #AFB1AA #C7C8C3

#3C3F2D - #C7C8C3

HSV Blend

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

0.0%	0.0% #3C3F2D	RGB 60 63 45	#3C3F2D
16.7%	16.7% #525541	RGB 82 85 65	#525541
33.3%	33.3% #686C57	RGB 104 108 87	#686C57
50.0%	50.0% #7F836F	RGB 127 131 111	#7F836F
66.7%	66.7% #979A89	RGB 151 154 137	#979A89
83.3%	83.3% #AEB1A5	RGB 174 177 165	#AEB1A5
100.0%	100.0% #C7C8C3	RGB 199 200 195	#C7C8C3

#3C3F2D #525541 #686C57 #7F836F #979A89 #AEB1A5 #C7C8C3

#3C3F2D - #7F836F - #C7C8C3

CSS codes

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

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