#CCCBCD - #8D7A9F | 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 #CCCBCD to #8D7A9F

#CCCBCD #8D7A9F

Calculate the color between two colors, #CCCBCD and #8D7A9F. 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)

#CCCBCD - #8D7A9F | 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 #CCCBCD as 0% and #8D7A9F as 100%.

0.0%	0.0% #CCCBCD	RGB 204 203 205	#CCCBCD
16.7%	16.7% #C1BDC5	RGB 193 189 197	#C1BDC5
33.3%	33.3% #B7B0BD	RGB 183 176 189	#B7B0BD
50.0%	50.0% #ACA2B6	RGB 172 162 182	#ACA2B6
66.7%	66.7% #A295AE	RGB 162 149 174	#A295AE
83.3%	83.3% #9787A6	RGB 151 135 166	#9787A6
100.0%	100.0% #8D7A9F	RGB 141 122 159	#8D7A9F

#CCCBCD #C1BDC5 #B7B0BD #ACA2B6 #A295AE #9787A6 #8D7A9F

#CCCBCD - #8D7A9F

HSV Blend

#CCCBCD - #8D7A9F | 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 #CCCBCD as 0% and #8D7A9F as 100%.

0.0%	0.0% #CCCBCD	RGB 204 203 205	#CCCBCD
16.7%	16.7% #C0BCC5	RGB 192 188 197	#C0BCC5
33.3%	33.3% #B5ADBD	RGB 181 173 189	#B5ADBD
50.0%	50.0% #AB9FB6	RGB 171 159 182	#AB9FB6
66.7%	66.7% #A092AE	RGB 160 146 174	#A092AE
83.3%	83.3% #9686A6	RGB 150 134 166	#9686A6
100.0%	100.0% #8D7A9F	RGB 141 122 159	#8D7A9F

#CCCBCD #C0BCC5 #B5ADBD #AB9FB6 #A092AE #9686A6 #8D7A9F

#CCCBCD - #AB9FB6 - #8D7A9F

CSS codes

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

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