#CDCBCD - #A47BAB | 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 #CDCBCD to #A47BAB

#CDCBCD #A47BAB

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

#CDCBCD - #A47BAB | 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 #CDCBCD as 0% and #A47BAB as 100%.

0.0%	0.0% #CDCBCD	RGB 205 203 205	#CDCBCD
16.7%	16.7% #C6BDC7	RGB 198 189 199	#C6BDC7
33.3%	33.3% #BFB0C1	RGB 191 176 193	#BFB0C1
50.0%	50.0% #B8A3BC	RGB 184 163 188	#B8A3BC
66.7%	66.7% #B195B6	RGB 177 149 182	#B195B6
83.3%	83.3% #AA88B0	RGB 170 136 176	#AA88B0
100.0%	100.0% #A47BAB	RGB 164 123 171	#A47BAB

#CDCBCD #C6BDC7 #BFB0C1 #B8A3BC #B195B6 #AA88B0 #A47BAB

#CDCBCD - #A47BAB

HSV Blend

#CDCBCD - #A47BAB | 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 #CDCBCD as 0% and #A47BAB as 100%.

0.0%	0.0% #CDCBCD	RGB 205 203 205	#CDCBCD
16.7%	16.7% #C7BCC7	RGB 199 188 199	#C7BCC7
33.3%	33.3% #C0AEC1	RGB 192 174 193	#C0AEC1
50.0%	50.0% #BAA0BC	RGB 186 160 188	#BAA0BC
66.7%	66.7% #B293B6	RGB 178 147 182	#B293B6
83.3%	83.3% #AB87B0	RGB 171 135 176	#AB87B0
100.0%	100.0% #A47BAB	RGB 164 123 171	#A47BAB

#CDCBCD #C7BCC7 #C0AEC1 #BAA0BC #B293B6 #AB87B0 #A47BAB

#CDCBCD - #BAA0BC - #A47BAB

CSS codes

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

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