#C7CDC2 - #6C8D7B | 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 #C7CDC2 to #6C8D7B

#C7CDC2 #6C8D7B

Calculate the color between two colors, #C7CDC2 and #6C8D7B. 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)

#C7CDC2 - #6C8D7B | 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 #C7CDC2 as 0% and #6C8D7B as 100%.

0.0%	0.0% #C7CDC2	RGB 199 205 194	#C7CDC2
16.7%	16.7% #B7C2B6	RGB 183 194 182	#B7C2B6
33.3%	33.3% #A8B7AA	RGB 168 183 170	#A8B7AA
50.0%	50.0% #99AD9E	RGB 153 173 158	#99AD9E
66.7%	66.7% #8AA292	RGB 138 162 146	#8AA292
83.3%	83.3% #7B9786	RGB 123 151 134	#7B9786
100.0%	100.0% #6C8D7B	RGB 108 141 123	#6C8D7B

#C7CDC2 #B7C2B6 #A8B7AA #99AD9E #8AA292 #7B9786 #6C8D7B

#C7CDC2 - #6C8D7B

HSV Blend

#C7CDC2 - #6C8D7B | 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 #C7CDC2 as 0% and #6C8D7B as 100%.

0.0%	0.0% #C7CDC2	RGB 199 205 194	#C7CDC2
16.7%	16.7% #B6C2B2	RGB 182 194 178	#B6C2B2
33.3%	33.3% #A5B7A2	RGB 165 183 162	#A5B7A2
50.0%	50.0% #94AD94	RGB 148 173 148	#94AD94
66.7%	66.7% #86A28A	RGB 134 162 138	#86A28A
83.3%	83.3% #789782	RGB 120 151 130	#789782
100.0%	100.0% #6C8D7B	RGB 108 141 123	#6C8D7B

#C7CDC2 #B6C2B2 #A5B7A2 #94AD94 #86A28A #789782 #6C8D7B

#C7CDC2 - #94AD94 - #6C8D7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CDC2 0%, #94AD94 50%, #6C8D7B 100%);
    background: -webkit-linear-gradient(top, #C7CDC2 0%, #94AD94 50%, #6C8D7B 100%);
    background: linear-gradient(to bottom, #C7CDC2 0%, #94AD94 50%, #6C8D7B 100%);
}
</style>