#CCB9F9 - #7E4EC5 | 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 #CCB9F9 to #7E4EC5

#CCB9F9 #7E4EC5

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

#CCB9F9 - #7E4EC5 | 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 #CCB9F9 as 0% and #7E4EC5 as 100%.

0.0%	0.0% #CCB9F9	RGB 204 185 249	#CCB9F9
16.7%	16.7% #BFA7F0	RGB 191 167 240	#BFA7F0
33.3%	33.3% #B295E7	RGB 178 149 231	#B295E7
50.0%	50.0% #A583DF	RGB 165 131 223	#A583DF
66.7%	66.7% #9871D6	RGB 152 113 214	#9871D6
83.3%	83.3% #8B5FCD	RGB 139 95 205	#8B5FCD
100.0%	100.0% #7E4EC5	RGB 126 78 197	#7E4EC5

#CCB9F9 #BFA7F0 #B295E7 #A583DF #9871D6 #8B5FCD #7E4EC5

#CCB9F9 - #7E4EC5

HSV Blend

#CCB9F9 - #7E4EC5 | 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 #CCB9F9 as 0% and #7E4EC5 as 100%.

0.0%	0.0% #CCB9F9	RGB 204 185 249	#CCB9F9
16.7%	16.7% #BCA4F0	RGB 188 164 240	#BCA4F0
33.3%	33.3% #AE91E7	RGB 174 145 231	#AE91E7
50.0%	50.0% #A07EDF	RGB 160 126 223	#A07EDF
66.7%	66.7% #946DD6	RGB 148 109 214	#946DD6
83.3%	83.3% #885DCD	RGB 136 93 205	#885DCD
100.0%	100.0% #7E4EC5	RGB 126 78 197	#7E4EC5

#CCB9F9 #BCA4F0 #AE91E7 #A07EDF #946DD6 #885DCD #7E4EC5

#CCB9F9 - #A07EDF - #7E4EC5

CSS codes

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

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