#C0CDC5 - #618D61 | 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 #C0CDC5 to #618D61

#C0CDC5 #618D61

Calculate the color between two colors, #C0CDC5 and #618D61. 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)

#C0CDC5 - #618D61 | 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 #C0CDC5 as 0% and #618D61 as 100%.

0.0%	0.0% #C0CDC5	RGB 192 205 197	#C0CDC5
16.7%	16.7% #B0C2B4	RGB 176 194 180	#B0C2B4
33.3%	33.3% #A0B7A3	RGB 160 183 163	#A0B7A3
50.0%	50.0% #90AD93	RGB 144 173 147	#90AD93
66.7%	66.7% #80A282	RGB 128 162 130	#80A282
83.3%	83.3% #709771	RGB 112 151 113	#709771
100.0%	100.0% #618D61	RGB 97 141 97	#618D61

#C0CDC5 #B0C2B4 #A0B7A3 #90AD93 #80A282 #709771 #618D61

#C0CDC5 - #618D61

HSV Blend

#C0CDC5 - #618D61 | 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 #C0CDC5 as 0% and #618D61 as 100%.

0.0%	0.0% #C0CDC5	RGB 192 205 197	#C0CDC5
16.7%	16.7% #ADC2B4	RGB 173 194 180	#ADC2B4
33.3%	33.3% #9CB7A3	RGB 156 183 163	#9CB7A3
50.0%	50.0% #8CAD92	RGB 140 173 146	#8CAD92
66.7%	66.7% #7DA281	RGB 125 162 129	#7DA281
83.3%	83.3% #6E9771	RGB 110 151 113	#6E9771
100.0%	100.0% #618D61	RGB 97 141 97	#618D61

#C0CDC5 #ADC2B4 #9CB7A3 #8CAD92 #7DA281 #6E9771 #618D61

#C0CDC5 - #8CAD92 - #618D61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDC5 0%, #8CAD92 50%, #618D61 100%);
    background: -webkit-linear-gradient(top, #C0CDC5 0%, #8CAD92 50%, #618D61 100%);
    background: linear-gradient(to bottom, #C0CDC5 0%, #8CAD92 50%, #618D61 100%);
}
</style>