#7F985E - #C2FC7B | 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 #7F985E to #C2FC7B

#7F985E #C2FC7B

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

#7F985E - #C2FC7B | 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 #7F985E as 0% and #C2FC7B as 100%.

0.0%	0.0% #7F985E	RGB 127 152 94	#7F985E
16.7%	16.7% #8AA862	RGB 138 168 98	#8AA862
33.3%	33.3% #95B967	RGB 149 185 103	#95B967
50.0%	50.0% #A0CA6C	RGB 160 202 108	#A0CA6C
66.7%	66.7% #ABDA71	RGB 171 218 113	#ABDA71
83.3%	83.3% #B6EB76	RGB 182 235 118	#B6EB76
100.0%	100.0% #C2FC7B	RGB 194 252 123	#C2FC7B

#7F985E #8AA862 #95B967 #A0CA6C #ABDA71 #B6EB76 #C2FC7B

#7F985E - #C2FC7B

HSV Blend

#7F985E - #C2FC7B | 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 #7F985E as 0% and #C2FC7B as 100%.

0.0%	0.0% #7F985E	RGB 127 152 94	#7F985E
16.7%	16.7% #8BA864	RGB 139 168 100	#8BA864
33.3%	33.3% #96B96A	RGB 150 185 106	#96B96A
50.0%	50.0% #A2CA6F	RGB 162 202 111	#A2CA6F
66.7%	66.7% #ADDA74	RGB 173 218 116	#ADDA74
83.3%	83.3% #B7EB77	RGB 183 235 119	#B7EB77
100.0%	100.0% #C2FC7B	RGB 194 252 123	#C2FC7B

#7F985E #8BA864 #96B96A #A2CA6F #ADDA74 #B7EB77 #C2FC7B

#7F985E - #A2CA6F - #C2FC7B

CSS codes

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

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