#3E4D34 - #C7CCC5 | 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 #3E4D34 to #C7CCC5

#3E4D34 #C7CCC5

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

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

0.0%	0.0% #3E4D34	RGB 62 77 52	#3E4D34
16.7%	16.7% #54624C	RGB 84 98 76	#54624C
33.3%	33.3% #6B7764	RGB 107 119 100	#6B7764
50.0%	50.0% #828C7C	RGB 130 140 124	#828C7C
66.7%	66.7% #99A194	RGB 153 161 148	#99A194
83.3%	83.3% #B0B6AC	RGB 176 182 172	#B0B6AC
100.0%	100.0% #C7CCC5	RGB 199 204 197	#C7CCC5

#3E4D34 #54624C #6B7764 #828C7C #99A194 #B0B6AC #C7CCC5

#3E4D34 - #C7CCC5

HSV Blend

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

0.0%	0.0% #3E4D34	RGB 62 77 52	#3E4D34
16.7%	16.7% #516247	RGB 81 98 71	#516247
33.3%	33.3% #65775C	RGB 101 119 92	#65775C
50.0%	50.0% #7B8C73	RGB 123 140 115	#7B8C73
66.7%	66.7% #93A18C	RGB 147 161 140	#93A18C
83.3%	83.3% #ACB6A7	RGB 172 182 167	#ACB6A7
100.0%	100.0% #C7CCC5	RGB 199 204 197	#C7CCC5

#3E4D34 #516247 #65775C #7B8C73 #93A18C #ACB6A7 #C7CCC5

#3E4D34 - #7B8C73 - #C7CCC5

CSS codes

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

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