#CDCDCB - #A0957B | 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 #A0957B

#CDCDCB #A0957B

Calculate the color between two colors, #CDCDCB and #A0957B. 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 - #A0957B | 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 #A0957B as 100%.

0.0%	0.0% #CDCDCB	RGB 205 205 203	#CDCDCB
16.7%	16.7% #C5C3BD	RGB 197 195 189	#C5C3BD
33.3%	33.3% #BEBAB0	RGB 190 186 176	#BEBAB0
50.0%	50.0% #B6B1A3	RGB 182 177 163	#B6B1A3
66.7%	66.7% #AFA795	RGB 175 167 149	#AFA795
83.3%	83.3% #A79E88	RGB 167 158 136	#A79E88
100.0%	100.0% #A0957B	RGB 160 149 123	#A0957B

#CDCDCB #C5C3BD #BEBAB0 #B6B1A3 #AFA795 #A79E88 #A0957B

#CDCDCB - #A0957B

HSV Blend

#CDCDCB - #A0957B | 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 #A0957B as 100%.

0.0%	0.0% #CDCDCB	RGB 205 205 203	#CDCDCB
16.7%	16.7% #C5C5BC	RGB 197 197 188	#C5C5BC
33.3%	33.3% #BEBCAE	RGB 190 188 174	#BEBCAE
50.0%	50.0% #B6B3A0	RGB 182 179 160	#B6B3A0
66.7%	66.7% #AFA993	RGB 175 169 147	#AFA993
83.3%	83.3% #A79F86	RGB 167 159 134	#A79F86
100.0%	100.0% #A0957B	RGB 160 149 123	#A0957B

#CDCDCB #C5C5BC #BEBCAE #B6B3A0 #AFA993 #A79F86 #A0957B

#CDCDCB - #B6B3A0 - #A0957B

CSS codes

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

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