#C5C9AF - #85945A | 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 #C5C9AF to #85945A

#C5C9AF #85945A

Calculate the color between two colors, #C5C9AF and #85945A. 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)

#C5C9AF - #85945A | 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 #C5C9AF as 0% and #85945A as 100%.

0.0%	0.0% #C5C9AF	RGB 197 201 175	#C5C9AF
16.7%	16.7% #BAC0A0	RGB 186 192 160	#BAC0A0
33.3%	33.3% #AFB792	RGB 175 183 146	#AFB792
50.0%	50.0% #A5AE84	RGB 165 174 132	#A5AE84
66.7%	66.7% #9AA576	RGB 154 165 118	#9AA576
83.3%	83.3% #8F9C68	RGB 143 156 104	#8F9C68
100.0%	100.0% #85945A	RGB 133 148 90	#85945A

#C5C9AF #BAC0A0 #AFB792 #A5AE84 #9AA576 #8F9C68 #85945A

#C5C9AF - #85945A

HSV Blend

#C5C9AF - #85945A | 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 #C5C9AF as 0% and #85945A as 100%.

0.0%	0.0% #C5C9AF	RGB 197 201 175	#C5C9AF
16.7%	16.7% #BAC09E	RGB 186 192 158	#BAC09E
33.3%	33.3% #AFB78F	RGB 175 183 143	#AFB78F
50.0%	50.0% #A5AE81	RGB 165 174 129	#A5AE81
66.7%	66.7% #9AA573	RGB 154 165 115	#9AA573
83.3%	83.3% #8F9C66	RGB 143 156 102	#8F9C66
100.0%	100.0% #85945A	RGB 133 148 90	#85945A

#C5C9AF #BAC09E #AFB78F #A5AE81 #9AA573 #8F9C66 #85945A

#C5C9AF - #A5AE81 - #85945A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C9AF 0%, #A5AE81 50%, #85945A 100%);
    background: -webkit-linear-gradient(top, #C5C9AF 0%, #A5AE81 50%, #85945A 100%);
    background: linear-gradient(to bottom, #C5C9AF 0%, #A5AE81 50%, #85945A 100%);
}
</style>