#C9C8C6 - #A38A75 | 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 #C9C8C6 to #A38A75

#C9C8C6 #A38A75

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

#C9C8C6 - #A38A75 | 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 #C9C8C6 as 0% and #A38A75 as 100%.

0.0%	0.0% #C9C8C6	RGB 201 200 198	#C9C8C6
16.7%	16.7% #C2BDB8	RGB 194 189 184	#C2BDB8
33.3%	33.3% #BCB3AB	RGB 188 179 171	#BCB3AB
50.0%	50.0% #B6A99D	RGB 182 169 157	#B6A99D
66.7%	66.7% #AF9E90	RGB 175 158 144	#AF9E90
83.3%	83.3% #A99482	RGB 169 148 130	#A99482
100.0%	100.0% #A38A75	RGB 163 138 117	#A38A75

#C9C8C6 #C2BDB8 #BCB3AB #B6A99D #AF9E90 #A99482 #A38A75

#C9C8C6 - #A38A75

HSV Blend

#C9C8C6 - #A38A75 | 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 #C9C8C6 as 0% and #A38A75 as 100%.

0.0%	0.0% #C9C8C6	RGB 201 200 198	#C9C8C6
16.7%	16.7% #C2BEB7	RGB 194 190 183	#C2BEB7
33.3%	33.3% #BCB4A8	RGB 188 180 168	#BCB4A8
50.0%	50.0% #B6AA9A	RGB 182 170 154	#B6AA9A
66.7%	66.7% #AF9F8D	RGB 175 159 141	#AF9F8D
83.3%	83.3% #A99481	RGB 169 148 129	#A99481
100.0%	100.0% #A38A75	RGB 163 138 117	#A38A75

#C9C8C6 #C2BEB7 #BCB4A8 #B6AA9A #AF9F8D #A99481 #A38A75

#C9C8C6 - #B6AA9A - #A38A75

CSS codes

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

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