#CD9DF2 - #772CB9 | 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 #CD9DF2 to #772CB9

#CD9DF2 #772CB9

Calculate the color between two colors, #CD9DF2 and #772CB9. 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)

#CD9DF2 - #772CB9 | 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 #CD9DF2 as 0% and #772CB9 as 100%.

0.0%	0.0% #CD9DF2	RGB 205 157 242	#CD9DF2
16.7%	16.7% #BE8AE8	RGB 190 138 232	#BE8AE8
33.3%	33.3% #B077DF	RGB 176 119 223	#B077DF
50.0%	50.0% #A264D5	RGB 162 100 213	#A264D5
66.7%	66.7% #9351CC	RGB 147 81 204	#9351CC
83.3%	83.3% #853EC2	RGB 133 62 194	#853EC2
100.0%	100.0% #772CB9	RGB 119 44 185	#772CB9

#CD9DF2 #BE8AE8 #B077DF #A264D5 #9351CC #853EC2 #772CB9

#CD9DF2 - #772CB9

HSV Blend

#CD9DF2 - #772CB9 | 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 #CD9DF2 as 0% and #772CB9 as 100%.

0.0%	0.0% #CD9DF2	RGB 205 157 242	#CD9DF2
16.7%	16.7% #BD86E8	RGB 189 134 232	#BD86E8
33.3%	33.3% #AE72DF	RGB 174 114 223	#AE72DF
50.0%	50.0% #9F5ED5	RGB 159 94 213	#9F5ED5
66.7%	66.7% #914CCC	RGB 145 76 204	#914CCC
83.3%	83.3% #843BC2	RGB 132 59 194	#843BC2
100.0%	100.0% #772CB9	RGB 119 44 185	#772CB9

#CD9DF2 #BD86E8 #AE72DF #9F5ED5 #914CCC #843BC2 #772CB9

#CD9DF2 - #9F5ED5 - #772CB9

CSS codes

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

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