#C0AD9F - #9F684A | 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 #C0AD9F to #9F684A

#C0AD9F #9F684A

Calculate the color between two colors, #C0AD9F and #9F684A. 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)

#C0AD9F - #9F684A | 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 #C0AD9F as 0% and #9F684A as 100%.

0.0%	0.0% #C0AD9F	RGB 192 173 159	#C0AD9F
16.7%	16.7% #BAA190	RGB 186 161 144	#BAA190
33.3%	33.3% #B59682	RGB 181 150 130	#B59682
50.0%	50.0% #AF8A74	RGB 175 138 116	#AF8A74
66.7%	66.7% #AA7F66	RGB 170 127 102	#AA7F66
83.3%	83.3% #A47358	RGB 164 115 88	#A47358
100.0%	100.0% #9F684A	RGB 159 104 74	#9F684A

#C0AD9F #BAA190 #B59682 #AF8A74 #AA7F66 #A47358 #9F684A

#C0AD9F - #9F684A

HSV Blend

#C0AD9F - #9F684A | 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 #C0AD9F as 0% and #9F684A as 100%.

0.0%	0.0% #C0AD9F	RGB 192 173 159	#C0AD9F
16.7%	16.7% #BAA18F	RGB 186 161 143	#BAA18F
33.3%	33.3% #B59580	RGB 181 149 128	#B59580
50.0%	50.0% #AF8971	RGB 175 137 113	#AF8971
66.7%	66.7% #AA7E63	RGB 170 126 99	#AA7E63
83.3%	83.3% #A47256	RGB 164 114 86	#A47256
100.0%	100.0% #9F684A	RGB 159 104 74	#9F684A

#C0AD9F #BAA18F #B59580 #AF8971 #AA7E63 #A47256 #9F684A

#C0AD9F - #AF8971 - #9F684A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0AD9F 0%, #AF8971 50%, #9F684A 100%);
    background: -webkit-linear-gradient(top, #C0AD9F 0%, #AF8971 50%, #9F684A 100%);
    background: linear-gradient(to bottom, #C0AD9F 0%, #AF8971 50%, #9F684A 100%);
}
</style>