#3C513C - #C7CDC7 | 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 #3C513C to #C7CDC7

#3C513C #C7CDC7

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

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

0.0%	0.0% #3C513C	RGB 60 81 60	#3C513C
16.7%	16.7% #536553	RGB 83 101 83	#536553
33.3%	33.3% #6A7A6A	RGB 106 122 106	#6A7A6A
50.0%	50.0% #818F81	RGB 129 143 129	#818F81
66.7%	66.7% #98A398	RGB 152 163 152	#98A398
83.3%	83.3% #AFB8AF	RGB 175 184 175	#AFB8AF
100.0%	100.0% #C7CDC7	RGB 199 205 199	#C7CDC7

#3C513C #536553 #6A7A6A #818F81 #98A398 #AFB8AF #C7CDC7

#3C513C - #C7CDC7

HSV Blend

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

0.0%	0.0% #3C513C	RGB 60 81 60	#3C513C
16.7%	16.7% #4F654F	RGB 79 101 79	#4F654F
33.3%	33.3% #637A63	RGB 99 122 99	#637A63
50.0%	50.0% #7A8F7A	RGB 122 143 122	#7A8F7A
66.7%	66.7% #92A392	RGB 146 163 146	#92A392
83.3%	83.3% #ABB8AB	RGB 171 184 171	#ABB8AB
100.0%	100.0% #C7CDC7	RGB 199 205 199	#C7CDC7

#3C513C #4F654F #637A63 #7A8F7A #92A392 #ABB8AB #C7CDC7

#3C513C - #7A8F7A - #C7CDC7

CSS codes

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

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