#C2CDC2 - #6DA56F | 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 #C2CDC2 to #6DA56F

#C2CDC2 #6DA56F

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

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

0.0%	0.0% #C2CDC2	RGB 194 205 194	#C2CDC2
16.7%	16.7% #B3C6B4	RGB 179 198 180	#B3C6B4
33.3%	33.3% #A5BFA6	RGB 165 191 166	#A5BFA6
50.0%	50.0% #97B998	RGB 151 185 152	#97B998
66.7%	66.7% #89B28A	RGB 137 178 138	#89B28A
83.3%	83.3% #7BAB7C	RGB 123 171 124	#7BAB7C
100.0%	100.0% #6DA56F	RGB 109 165 111	#6DA56F

#C2CDC2 #B3C6B4 #A5BFA6 #97B998 #89B28A #7BAB7C #6DA56F

#C2CDC2 - #6DA56F

HSV Blend

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

0.0%	0.0% #C2CDC2	RGB 194 205 194	#C2CDC2
16.7%	16.7% #B2C6B2	RGB 178 198 178	#B2C6B2
33.3%	33.3% #A3BFA3	RGB 163 191 163	#A3BFA3
50.0%	50.0% #94B995	RGB 148 185 149	#94B995
66.7%	66.7% #86B287	RGB 134 178 135	#86B287
83.3%	83.3% #79AB7B	RGB 121 171 123	#79AB7B
100.0%	100.0% #6DA56F	RGB 109 165 111	#6DA56F

#C2CDC2 #B2C6B2 #A3BFA3 #94B995 #86B287 #79AB7B #6DA56F

#C2CDC2 - #94B995 - #6DA56F

CSS codes

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

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