#3C4E3F - #C7CCC8 | 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 #3C4E3F to #C7CCC8

#3C4E3F #C7CCC8

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

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

0.0%	0.0% #3C4E3F	RGB 60 78 63	#3C4E3F
16.7%	16.7% #536355	RGB 83 99 85	#536355
33.3%	33.3% #6A786C	RGB 106 120 108	#6A786C
50.0%	50.0% #818D83	RGB 129 141 131	#818D83
66.7%	66.7% #98A29A	RGB 152 162 154	#98A29A
83.3%	83.3% #AFB7B1	RGB 175 183 177	#AFB7B1
100.0%	100.0% #C7CCC8	RGB 199 204 200	#C7CCC8

#3C4E3F #536355 #6A786C #818D83 #98A29A #AFB7B1 #C7CCC8

#3C4E3F - #C7CCC8

HSV Blend

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

0.0%	0.0% #3C4E3F	RGB 60 78 63	#3C4E3F
16.7%	16.7% #4F6352	RGB 79 99 82	#4F6352
33.3%	33.3% #647868	RGB 100 120 104	#647868
50.0%	50.0% #7B8D7E	RGB 123 141 126	#7B8D7E
66.7%	66.7% #92A295	RGB 146 162 149	#92A295
83.3%	83.3% #ACB7AE	RGB 172 183 174	#ACB7AE
100.0%	100.0% #C7CCC8	RGB 199 204 200	#C7CCC8

#3C4E3F #4F6352 #647868 #7B8D7E #92A295 #ACB7AE #C7CCC8

#3C4E3F - #7B8D7E - #C7CCC8

CSS codes

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

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