#CDB5DC - #9F60C5 | 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 #CDB5DC to #9F60C5

#CDB5DC #9F60C5

Calculate the color between two colors, #CDB5DC and #9F60C5. 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)

#CDB5DC - #9F60C5 | 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 #CDB5DC as 0% and #9F60C5 as 100%.

0.0%	0.0% #CDB5DC	RGB 205 181 220	#CDB5DC
16.7%	16.7% #C5A6D8	RGB 197 166 216	#C5A6D8
33.3%	33.3% #BD98D4	RGB 189 152 212	#BD98D4
50.0%	50.0% #B68AD0	RGB 182 138 208	#B68AD0
66.7%	66.7% #AE7CCC	RGB 174 124 204	#AE7CCC
83.3%	83.3% #A66EC8	RGB 166 110 200	#A66EC8
100.0%	100.0% #9F60C5	RGB 159 96 197	#9F60C5

#CDB5DC #C5A6D8 #BD98D4 #B68AD0 #AE7CCC #A66EC8 #9F60C5

#CDB5DC - #9F60C5

HSV Blend

#CDB5DC - #9F60C5 | 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 #CDB5DC as 0% and #9F60C5 as 100%.

0.0%	0.0% #CDB5DC	RGB 205 181 220	#CDB5DC
16.7%	16.7% #C4A5D8	RGB 196 165 216	#C4A5D8
33.3%	33.3% #BC96D4	RGB 188 150 212	#BC96D4
50.0%	50.0% #B588D0	RGB 181 136 208	#B588D0
66.7%	66.7% #AD7ACC	RGB 173 122 204	#AD7ACC
83.3%	83.3% #A66DC8	RGB 166 109 200	#A66DC8
100.0%	100.0% #9F60C5	RGB 159 96 197	#9F60C5

#CDB5DC #C4A5D8 #BC96D4 #B588D0 #AD7ACC #A66DC8 #9F60C5

#CDB5DC - #B588D0 - #9F60C5

CSS codes

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

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