#CDCDCB - #A0827B | 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 #CDCDCB to #A0827B

#CDCDCB #A0827B

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

#CDCDCB - #A0827B | 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 #CDCDCB as 0% and #A0827B as 100%.

0.0%	0.0% #CDCDCB	RGB 205 205 203	#CDCDCB
16.7%	16.7% #C5C0BD	RGB 197 192 189	#C5C0BD
33.3%	33.3% #BEB4B0	RGB 190 180 176	#BEB4B0
50.0%	50.0% #B6A7A3	RGB 182 167 163	#B6A7A3
66.7%	66.7% #AF9B95	RGB 175 155 149	#AF9B95
83.3%	83.3% #A78E88	RGB 167 142 136	#A78E88
100.0%	100.0% #A0827B	RGB 160 130 123	#A0827B

#CDCDCB #C5C0BD #BEB4B0 #B6A7A3 #AF9B95 #A78E88 #A0827B

#CDCDCB - #A0827B

HSV Blend

#CDCDCB - #A0827B | 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 #CDCDCB as 0% and #A0827B as 100%.

0.0%	0.0% #CDCDCB	RGB 205 205 203	#CDCDCB
16.7%	16.7% #C5C4BC	RGB 197 196 188	#C5C4BC
33.3%	33.3% #BEB9AE	RGB 190 185 174	#BEB9AE
50.0%	50.0% #B6ADA0	RGB 182 173 160	#B6ADA0
66.7%	66.7% #AFA093	RGB 175 160 147	#AFA093
83.3%	83.3% #A79186	RGB 167 145 134	#A79186
100.0%	100.0% #A0827B	RGB 160 130 123	#A0827B

#CDCDCB #C5C4BC #BEB9AE #B6ADA0 #AFA093 #A79186 #A0827B

#CDCDCB - #B6ADA0 - #A0827B

CSS codes

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

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