#C0CDC1 - #6E8D61 | 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 #C0CDC1 to #6E8D61

#C0CDC1 #6E8D61

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

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

0.0%	0.0% #C0CDC1	RGB 192 205 193	#C0CDC1
16.7%	16.7% #B2C2B1	RGB 178 194 177	#B2C2B1
33.3%	33.3% #A4B7A1	RGB 164 183 161	#A4B7A1
50.0%	50.0% #97AD91	RGB 151 173 145	#97AD91
66.7%	66.7% #89A281	RGB 137 162 129	#89A281
83.3%	83.3% #7B9771	RGB 123 151 113	#7B9771
100.0%	100.0% #6E8D61	RGB 110 141 97	#6E8D61

#C0CDC1 #B2C2B1 #A4B7A1 #97AD91 #89A281 #7B9771 #6E8D61

#C0CDC1 - #6E8D61

HSV Blend

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

0.0%	0.0% #C0CDC1	RGB 192 205 193	#C0CDC1
16.7%	16.7% #ADC2AE	RGB 173 194 174	#ADC2AE
33.3%	33.3% #9EB79C	RGB 158 183 156	#9EB79C
50.0%	50.0% #90AD8C	RGB 144 173 140	#90AD8C
66.7%	66.7% #83A27D	RGB 131 162 125	#83A27D
83.3%	83.3% #78976E	RGB 120 151 110	#78976E
100.0%	100.0% #6E8D61	RGB 110 141 97	#6E8D61

#C0CDC1 #ADC2AE #9EB79C #90AD8C #83A27D #78976E #6E8D61

#C0CDC1 - #90AD8C - #6E8D61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDC1 0%, #90AD8C 50%, #6E8D61 100%);
    background: -webkit-linear-gradient(top, #C0CDC1 0%, #90AD8C 50%, #6E8D61 100%);
    background: linear-gradient(to bottom, #C0CDC1 0%, #90AD8C 50%, #6E8D61 100%);
}
</style>