#C0CF8D - #7FA03B | 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 #C0CF8D to #7FA03B

#C0CF8D #7FA03B

Calculate the color between two colors, #C0CF8D and #7FA03B. 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)

#C0CF8D - #7FA03B | 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 #C0CF8D as 0% and #7FA03B as 100%.

0.0%	0.0% #C0CF8D	RGB 192 207 141	#C0CF8D
16.7%	16.7% #B5C77F	RGB 181 199 127	#B5C77F
33.3%	33.3% #AABF71	RGB 170 191 113	#AABF71
50.0%	50.0% #9FB764	RGB 159 183 100	#9FB764
66.7%	66.7% #94AF56	RGB 148 175 86	#94AF56
83.3%	83.3% #89A748	RGB 137 167 72	#89A748
100.0%	100.0% #7FA03B	RGB 127 160 59	#7FA03B

#C0CF8D #B5C77F #AABF71 #9FB764 #94AF56 #89A748 #7FA03B

#C0CF8D - #7FA03B

HSV Blend

#C0CF8D - #7FA03B | 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 #C0CF8D as 0% and #7FA03B as 100%.

0.0%	0.0% #C0CF8D	RGB 192 207 141	#C0CF8D
16.7%	16.7% #B5C77D	RGB 181 199 125	#B5C77D
33.3%	33.3% #AABF6E	RGB 170 191 110	#AABF6E
50.0%	50.0% #9FB760	RGB 159 183 96	#9FB760
66.7%	66.7% #94AF53	RGB 148 175 83	#94AF53
83.3%	83.3% #89A746	RGB 137 167 70	#89A746
100.0%	100.0% #7FA03B	RGB 127 160 59	#7FA03B

#C0CF8D #B5C77D #AABF6E #9FB760 #94AF53 #89A746 #7FA03B

#C0CF8D - #9FB760 - #7FA03B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CF8D 0%, #9FB760 50%, #7FA03B 100%);
    background: -webkit-linear-gradient(top, #C0CF8D 0%, #9FB760 50%, #7FA03B 100%);
    background: linear-gradient(to bottom, #C0CF8D 0%, #9FB760 50%, #7FA03B 100%);
}
</style>