#C9C5C4 - #AD7E72 | 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 #C9C5C4 to #AD7E72

#C9C5C4 #AD7E72

Calculate the color between two colors, #C9C5C4 and #AD7E72. 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)

#C9C5C4 - #AD7E72 | 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 #C9C5C4 as 0% and #AD7E72 as 100%.

0.0%	0.0% #C9C5C4	RGB 201 197 196	#C9C5C4
16.7%	16.7% #C4B9B6	RGB 196 185 182	#C4B9B6
33.3%	33.3% #BFADA8	RGB 191 173 168	#BFADA8
50.0%	50.0% #BBA19B	RGB 187 161 155	#BBA19B
66.7%	66.7% #B6958D	RGB 182 149 141	#B6958D
83.3%	83.3% #B1897F	RGB 177 137 127	#B1897F
100.0%	100.0% #AD7E72	RGB 173 126 114	#AD7E72

#C9C5C4 #C4B9B6 #BFADA8 #BBA19B #B6958D #B1897F #AD7E72

#C9C5C4 - #AD7E72

HSV Blend

#C9C5C4 - #AD7E72 | 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 #C9C5C4 as 0% and #AD7E72 as 100%.

0.0%	0.0% #C9C5C4	RGB 201 197 196	#C9C5C4
16.7%	16.7% #C4B8B5	RGB 196 184 181	#C4B8B5
33.3%	33.3% #BFABA6	RGB 191 171 166	#BFABA6
50.0%	50.0% #BB9F98	RGB 187 159 152	#BB9F98
66.7%	66.7% #B6948B	RGB 182 148 139	#B6948B
83.3%	83.3% #B1887E	RGB 177 136 126	#B1887E
100.0%	100.0% #AD7E72	RGB 173 126 114	#AD7E72

#C9C5C4 #C4B8B5 #BFABA6 #BB9F98 #B6948B #B1887E #AD7E72

#C9C5C4 - #BB9F98 - #AD7E72

CSS codes

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

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