#C5C7AF - #86905A | 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 #C5C7AF to #86905A

#C5C7AF #86905A

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

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

0.0%	0.0% #C5C7AF	RGB 197 199 175	#C5C7AF
16.7%	16.7% #BABDA0	RGB 186 189 160	#BABDA0
33.3%	33.3% #B0B492	RGB 176 180 146	#B0B492
50.0%	50.0% #A5AB84	RGB 165 171 132	#A5AB84
66.7%	66.7% #9BA276	RGB 155 162 118	#9BA276
83.3%	83.3% #909968	RGB 144 153 104	#909968
100.0%	100.0% #86905A	RGB 134 144 90	#86905A

#C5C7AF #BABDA0 #B0B492 #A5AB84 #9BA276 #909968 #86905A

#C5C7AF - #86905A

HSV Blend

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

0.0%	0.0% #C5C7AF	RGB 197 199 175	#C5C7AF
16.7%	16.7% #BABD9E	RGB 186 189 158	#BABD9E
33.3%	33.3% #B0B48F	RGB 176 180 143	#B0B48F
50.0%	50.0% #A5AB81	RGB 165 171 129	#A5AB81
66.7%	66.7% #9BA273	RGB 155 162 115	#9BA273
83.3%	83.3% #909966	RGB 144 153 102	#909966
100.0%	100.0% #86905A	RGB 134 144 90	#86905A

#C5C7AF #BABD9E #B0B48F #A5AB81 #9BA273 #909966 #86905A

#C5C7AF - #A5AB81 - #86905A

CSS codes

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

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