#C0C2BE - #82AA6B | 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 #C0C2BE to #82AA6B

#C0C2BE #82AA6B

Calculate the color between two colors, #C0C2BE and #82AA6B. 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)

#C0C2BE - #82AA6B | 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 #C0C2BE as 0% and #82AA6B as 100%.

0.0%	0.0% #C0C2BE	RGB 192 194 190	#C0C2BE
16.7%	16.7% #B5BEB0	RGB 181 190 176	#B5BEB0
33.3%	33.3% #ABBAA2	RGB 171 186 162	#ABBAA2
50.0%	50.0% #A1B694	RGB 161 182 148	#A1B694
66.7%	66.7% #96B286	RGB 150 178 134	#96B286
83.3%	83.3% #8CAE78	RGB 140 174 120	#8CAE78
100.0%	100.0% #82AA6B	RGB 130 170 107	#82AA6B

#C0C2BE #B5BEB0 #ABBAA2 #A1B694 #96B286 #8CAE78 #82AA6B

#C0C2BE - #82AA6B

HSV Blend

#C0C2BE - #82AA6B | 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 #C0C2BE as 0% and #82AA6B as 100%.

0.0%	0.0% #C0C2BE	RGB 192 194 190	#C0C2BE
16.7%	16.7% #B6BEAF	RGB 182 190 175	#B6BEAF
33.3%	33.3% #ACBAA0	RGB 172 186 160	#ACBAA0
50.0%	50.0% #A1B692	RGB 161 182 146	#A1B692
66.7%	66.7% #97B284	RGB 151 178 132	#97B284
83.3%	83.3% #8CAE77	RGB 140 174 119	#8CAE77
100.0%	100.0% #82AA6B	RGB 130 170 107	#82AA6B

#C0C2BE #B6BEAF #ACBAA0 #A1B692 #97B284 #8CAE77 #82AA6B

#C0C2BE - #A1B692 - #82AA6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C2BE 0%, #A1B692 50%, #82AA6B 100%);
    background: -webkit-linear-gradient(top, #C0C2BE 0%, #A1B692 50%, #82AA6B 100%);
    background: linear-gradient(to bottom, #C0C2BE 0%, #A1B692 50%, #82AA6B 100%);
}
</style>