#C7DA9C - #85B048 | 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 #C7DA9C to #85B048

#C7DA9C #85B048

Calculate the color between two colors, #C7DA9C and #85B048. 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)

#C7DA9C - #85B048 | 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 #C7DA9C as 0% and #85B048 as 100%.

0.0%	0.0% #C7DA9C	RGB 199 218 156	#C7DA9C
16.7%	16.7% #BCD38E	RGB 188 211 142	#BCD38E
33.3%	33.3% #B1CC80	RGB 177 204 128	#B1CC80
50.0%	50.0% #A6C572	RGB 166 197 114	#A6C572
66.7%	66.7% #9BBE64	RGB 155 190 100	#9BBE64
83.3%	83.3% #90B756	RGB 144 183 86	#90B756
100.0%	100.0% #85B048	RGB 133 176 72	#85B048

#C7DA9C #BCD38E #B1CC80 #A6C572 #9BBE64 #90B756 #85B048

#C7DA9C - #85B048

HSV Blend

#C7DA9C - #85B048 | 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 #C7DA9C as 0% and #85B048 as 100%.

0.0%	0.0% #C7DA9C	RGB 199 218 156	#C7DA9C
16.7%	16.7% #BCD38C	RGB 188 211 140	#BCD38C
33.3%	33.3% #B1CC7D	RGB 177 204 125	#B1CC7D
50.0%	50.0% #A5C56E	RGB 165 197 110	#A5C56E
66.7%	66.7% #9ABE61	RGB 154 190 97	#9ABE61
83.3%	83.3% #8FB754	RGB 143 183 84	#8FB754
100.0%	100.0% #85B048	RGB 133 176 72	#85B048

#C7DA9C #BCD38C #B1CC7D #A5C56E #9ABE61 #8FB754 #85B048

#C7DA9C - #A5C56E - #85B048

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DA9C 0%, #A5C56E 50%, #85B048 100%);
    background: -webkit-linear-gradient(top, #C7DA9C 0%, #A5C56E 50%, #85B048 100%);
    background: linear-gradient(to bottom, #C7DA9C 0%, #A5C56E 50%, #85B048 100%);
}
</style>