#C2C9AF - #85955B | 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 #C2C9AF to #85955B

#C2C9AF #85955B

Calculate the color between two colors, #C2C9AF and #85955B. 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)

#C2C9AF - #85955B | 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 #C2C9AF as 0% and #85955B as 100%.

0.0%	0.0% #C2C9AF	RGB 194 201 175	#C2C9AF
16.7%	16.7% #B7C0A1	RGB 183 192 161	#B7C0A1
33.3%	33.3% #ADB793	RGB 173 183 147	#ADB793
50.0%	50.0% #A3AF85	RGB 163 175 133	#A3AF85
66.7%	66.7% #99A677	RGB 153 166 119	#99A677
83.3%	83.3% #8F9D69	RGB 143 157 105	#8F9D69
100.0%	100.0% #85955B	RGB 133 149 91	#85955B

#C2C9AF #B7C0A1 #ADB793 #A3AF85 #99A677 #8F9D69 #85955B

#C2C9AF - #85955B

HSV Blend

#C2C9AF - #85955B | 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 #C2C9AF as 0% and #85955B as 100%.

0.0%	0.0% #C2C9AF	RGB 194 201 175	#C2C9AF
16.7%	16.7% #B7C09F	RGB 183 192 159	#B7C09F
33.3%	33.3% #ACB78F	RGB 172 183 143	#ACB78F
50.0%	50.0% #A2AF81	RGB 162 175 129	#A2AF81
66.7%	66.7% #98A673	RGB 152 166 115	#98A673
83.3%	83.3% #8E9D67	RGB 142 157 103	#8E9D67
100.0%	100.0% #85955B	RGB 133 149 91	#85955B

#C2C9AF #B7C09F #ACB78F #A2AF81 #98A673 #8E9D67 #85955B

#C2C9AF - #A2AF81 - #85955B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2C9AF 0%, #A2AF81 50%, #85955B 100%);
    background: -webkit-linear-gradient(top, #C2C9AF 0%, #A2AF81 50%, #85955B 100%);
    background: linear-gradient(to bottom, #C2C9AF 0%, #A2AF81 50%, #85955B 100%);
}
</style>