#C0DCC0 - #6BBC6E | 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 #C0DCC0 to #6BBC6E

#C0DCC0 #6BBC6E

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

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

0.0%	0.0% #C0DCC0	RGB 192 220 192	#C0DCC0
16.7%	16.7% #B1D6B2	RGB 177 214 178	#B1D6B2
33.3%	33.3% #A3D1A4	RGB 163 209 164	#A3D1A4
50.0%	50.0% #95CC97	RGB 149 204 151	#95CC97
66.7%	66.7% #87C689	RGB 135 198 137	#87C689
83.3%	83.3% #79C17B	RGB 121 193 123	#79C17B
100.0%	100.0% #6BBC6E	RGB 107 188 110	#6BBC6E

#C0DCC0 #B1D6B2 #A3D1A4 #95CC97 #87C689 #79C17B #6BBC6E

#C0DCC0 - #6BBC6E

HSV Blend

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

0.0%	0.0% #C0DCC0	RGB 192 220 192	#C0DCC0
16.7%	16.7% #B0D6B0	RGB 176 214 176	#B0D6B0
33.3%	33.3% #A1D1A2	RGB 161 209 162	#A1D1A2
50.0%	50.0% #93CC94	RGB 147 204 148	#93CC94
66.7%	66.7% #85C686	RGB 133 198 134	#85C686
83.3%	83.3% #77C17A	RGB 119 193 122	#77C17A
100.0%	100.0% #6BBC6E	RGB 107 188 110	#6BBC6E

#C0DCC0 #B0D6B0 #A1D1A2 #93CC94 #85C686 #77C17A #6BBC6E

#C0DCC0 - #93CC94 - #6BBC6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DCC0 0%, #93CC94 50%, #6BBC6E 100%);
    background: -webkit-linear-gradient(top, #C0DCC0 0%, #93CC94 50%, #6BBC6E 100%);
    background: linear-gradient(to bottom, #C0DCC0 0%, #93CC94 50%, #6BBC6E 100%);
}
</style>