#CDC9C8 - #B69077 | 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 #CDC9C8 to #B69077

#CDC9C8 #B69077

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

#CDC9C8 - #B69077 | 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 #CDC9C8 as 0% and #B69077 as 100%.

0.0%	0.0% #CDC9C8	RGB 205 201 200	#CDC9C8
16.7%	16.7% #C9BFBA	RGB 201 191 186	#C9BFBA
33.3%	33.3% #C5B6AD	RGB 197 182 173	#C5B6AD
50.0%	50.0% #C1AC9F	RGB 193 172 159	#C1AC9F
66.7%	66.7% #BDA392	RGB 189 163 146	#BDA392
83.3%	83.3% #B99984	RGB 185 153 132	#B99984
100.0%	100.0% #B69077	RGB 182 144 119	#B69077

#CDC9C8 #C9BFBA #C5B6AD #C1AC9F #BDA392 #B99984 #B69077

#CDC9C8 - #B69077

HSV Blend

#CDC9C8 - #B69077 | 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 #CDC9C8 as 0% and #B69077 as 100%.

0.0%	0.0% #CDC9C8	RGB 205 201 200	#CDC9C8
16.7%	16.7% #C9BDB9	RGB 201 189 185	#C9BDB9
33.3%	33.3% #C5B2AB	RGB 197 178 171	#C5B2AB
50.0%	50.0% #C1A89D	RGB 193 168 157	#C1A89D
66.7%	66.7% #BD9F90	RGB 189 159 144	#BD9F90
83.3%	83.3% #B99783	RGB 185 151 131	#B99783
100.0%	100.0% #B69077	RGB 182 144 119	#B69077

#CDC9C8 #C9BDB9 #C5B2AB #C1A89D #BD9F90 #B99783 #B69077

#CDC9C8 - #C1A89D - #B69077

CSS codes

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

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