#CDC9C0 - #887A6B | 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 #CDC9C0 to #887A6B

#CDC9C0 #887A6B

Calculate the color between two colors, #CDC9C0 and #887A6B. 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)

#CDC9C0 - #887A6B | 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 #CDC9C0 as 0% and #887A6B as 100%.

0.0%	0.0% #CDC9C0	RGB 205 201 192	#CDC9C0
16.7%	16.7% #C1BBB1	RGB 193 187 177	#C1BBB1
33.3%	33.3% #B6AEA3	RGB 182 174 163	#B6AEA3
50.0%	50.0% #AAA195	RGB 170 161 149	#AAA195
66.7%	66.7% #9F9487	RGB 159 148 135	#9F9487
83.3%	83.3% #938779	RGB 147 135 121	#938779
100.0%	100.0% #887A6B	RGB 136 122 107	#887A6B

#CDC9C0 #C1BBB1 #B6AEA3 #AAA195 #9F9487 #938779 #887A6B

#CDC9C0 - #887A6B

HSV Blend

#CDC9C0 - #887A6B | 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 #CDC9C0 as 0% and #887A6B as 100%.

0.0%	0.0% #CDC9C0	RGB 205 201 192	#CDC9C0
16.7%	16.7% #C1BBB0	RGB 193 187 176	#C1BBB0
33.3%	33.3% #B6AEA1	RGB 182 174 161	#B6AEA1
50.0%	50.0% #AAA192	RGB 170 161 146	#AAA192
66.7%	66.7% #9F9385	RGB 159 147 133	#9F9385
83.3%	83.3% #938677	RGB 147 134 119	#938677
100.0%	100.0% #887A6B	RGB 136 122 107	#887A6B

#CDC9C0 #C1BBB0 #B6AEA1 #AAA192 #9F9385 #938677 #887A6B

#CDC9C0 - #AAA192 - #887A6B

CSS codes

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

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