#3C4A2E - #C7CBC3 | 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 #3C4A2E to #C7CBC3

#3C4A2E #C7CBC3

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

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

0.0%	0.0% #3C4A2E	RGB 60 74 46	#3C4A2E
16.7%	16.7% #535F46	RGB 83 95 70	#535F46
33.3%	33.3% #6A755F	RGB 106 117 95	#6A755F
50.0%	50.0% #818A78	RGB 129 138 120	#818A78
66.7%	66.7% #98A091	RGB 152 160 145	#98A091
83.3%	83.3% #AFB5AA	RGB 175 181 170	#AFB5AA
100.0%	100.0% #C7CBC3	RGB 199 203 195	#C7CBC3

#3C4A2E #535F46 #6A755F #818A78 #98A091 #AFB5AA #C7CBC3

#3C4A2E - #C7CBC3

HSV Blend

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

0.0%	0.0% #3C4A2E	RGB 60 74 46	#3C4A2E
16.7%	16.7% #505F40	RGB 80 95 64	#505F40
33.3%	33.3% #657555	RGB 101 117 85	#657555
50.0%	50.0% #7C8A6D	RGB 124 138 109	#7C8A6D
66.7%	66.7% #93A087	RGB 147 160 135	#93A087
83.3%	83.3% #ACB5A4	RGB 172 181 164	#ACB5A4
100.0%	100.0% #C7CBC3	RGB 199 203 195	#C7CBC3

#3C4A2E #505F40 #657555 #7C8A6D #93A087 #ACB5A4 #C7CBC3

#3C4A2E - #7C8A6D - #C7CBC3

CSS codes

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

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