#C0C3C0 - #6B9779 | 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 #C0C3C0 to #6B9779

#C0C3C0 #6B9779

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

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

0.0%	0.0% #C0C3C0	RGB 192 195 192	#C0C3C0
16.7%	16.7% #B1BBB4	RGB 177 187 180	#B1BBB4
33.3%	33.3% #A3B4A8	RGB 163 180 168	#A3B4A8
50.0%	50.0% #95AD9C	RGB 149 173 156	#95AD9C
66.7%	66.7% #87A590	RGB 135 165 144	#87A590
83.3%	83.3% #799E84	RGB 121 158 132	#799E84
100.0%	100.0% #6B9779	RGB 107 151 121	#6B9779

#C0C3C0 #B1BBB4 #A3B4A8 #95AD9C #87A590 #799E84 #6B9779

#C0C3C0 - #6B9779

HSV Blend

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

0.0%	0.0% #C0C3C0	RGB 192 195 192	#C0C3C0
16.7%	16.7% #B0BBB0	RGB 176 187 176	#B0BBB0
33.3%	33.3% #A0B4A3	RGB 160 180 163	#A0B4A3
50.0%	50.0% #92AD96	RGB 146 173 150	#92AD96
66.7%	66.7% #84A58B	RGB 132 165 139	#84A58B
83.3%	83.3% #779E81	RGB 119 158 129	#779E81
100.0%	100.0% #6B9779	RGB 107 151 121	#6B9779

#C0C3C0 #B0BBB0 #A0B4A3 #92AD96 #84A58B #779E81 #6B9779

#C0C3C0 - #92AD96 - #6B9779

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C3C0 0%, #92AD96 50%, #6B9779 100%);
    background: -webkit-linear-gradient(top, #C0C3C0 0%, #92AD96 50%, #6B9779 100%);
    background: linear-gradient(to bottom, #C0C3C0 0%, #92AD96 50%, #6B9779 100%);
}
</style>