#CDCCDB - #8179AD | 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 #CDCCDB to #8179AD

#CDCCDB #8179AD

Calculate the color between two colors, #CDCCDB and #8179AD. 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)

#CDCCDB - #8179AD | 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 #CDCCDB as 0% and #8179AD as 100%.

0.0%	0.0% #CDCCDB	RGB 205 204 219	#CDCCDB
16.7%	16.7% #C0BED3	RGB 192 190 211	#C0BED3
33.3%	33.3% #B3B0CB	RGB 179 176 203	#B3B0CB
50.0%	50.0% #A7A2C4	RGB 167 162 196	#A7A2C4
66.7%	66.7% #9A94BC	RGB 154 148 188	#9A94BC
83.3%	83.3% #8D86B4	RGB 141 134 180	#8D86B4
100.0%	100.0% #8179AD	RGB 129 121 173	#8179AD

#CDCCDB #C0BED3 #B3B0CB #A7A2C4 #9A94BC #8D86B4 #8179AD

#CDCCDB - #8179AD

HSV Blend

#CDCCDB - #8179AD | 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 #CDCCDB as 0% and #8179AD as 100%.

0.0%	0.0% #CDCCDB	RGB 205 204 219	#CDCCDB
16.7%	16.7% #BEBCD3	RGB 190 188 211	#BEBCD3
33.3%	33.3% #B0ADCB	RGB 176 173 203	#B0ADCB
50.0%	50.0% #A39FC4	RGB 163 159 196	#A39FC4
66.7%	66.7% #9792BC	RGB 151 146 188	#9792BC
83.3%	83.3% #8B85B4	RGB 139 133 180	#8B85B4
100.0%	100.0% #8179AD	RGB 129 121 173	#8179AD

#CDCCDB #BEBCD3 #B0ADCB #A39FC4 #9792BC #8B85B4 #8179AD

#CDCCDB - #A39FC4 - #8179AD

CSS codes

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

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