#C9C0BB - #AA7B68 | 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 #C9C0BB to #AA7B68

#C9C0BB #AA7B68

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

#C9C0BB - #AA7B68 | 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 #C9C0BB as 0% and #AA7B68 as 100%.

0.0%	0.0% #C9C0BB	RGB 201 192 187	#C9C0BB
16.7%	16.7% #C3B4AD	RGB 195 180 173	#C3B4AD
33.3%	33.3% #BEA99F	RGB 190 169 159	#BEA99F
50.0%	50.0% #B99D91	RGB 185 157 145	#B99D91
66.7%	66.7% #B49283	RGB 180 146 131	#B49283
83.3%	83.3% #AF8675	RGB 175 134 117	#AF8675
100.0%	100.0% #AA7B68	RGB 170 123 104	#AA7B68

#C9C0BB #C3B4AD #BEA99F #B99D91 #B49283 #AF8675 #AA7B68

#C9C0BB - #AA7B68

HSV Blend

#C9C0BB - #AA7B68 | 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 #C9C0BB as 0% and #AA7B68 as 100%.

0.0%	0.0% #C9C0BB	RGB 201 192 187	#C9C0BB
16.7%	16.7% #C3B4AB	RGB 195 180 171	#C3B4AB
33.3%	33.3% #BEA89D	RGB 190 168 157	#BEA89D
50.0%	50.0% #B99C8F	RGB 185 156 143	#B99C8F
66.7%	66.7% #B49181	RGB 180 145 129	#B49181
83.3%	83.3% #AF8674	RGB 175 134 116	#AF8674
100.0%	100.0% #AA7B68	RGB 170 123 104	#AA7B68

#C9C0BB #C3B4AB #BEA89D #B99C8F #B49181 #AF8674 #AA7B68

#C9C0BB - #B99C8F - #AA7B68

CSS codes

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

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