#CCB8F0 - #7E50B7 | 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 #CCB8F0 to #7E50B7

#CCB8F0 #7E50B7

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

#CCB8F0 - #7E50B7 | 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 #CCB8F0 as 0% and #7E50B7 as 100%.

0.0%	0.0% #CCB8F0	RGB 204 184 240	#CCB8F0
16.7%	16.7% #BFA6E6	RGB 191 166 230	#BFA6E6
33.3%	33.3% #B295DD	RGB 178 149 221	#B295DD
50.0%	50.0% #A584D3	RGB 165 132 211	#A584D3
66.7%	66.7% #9872CA	RGB 152 114 202	#9872CA
83.3%	83.3% #8B61C0	RGB 139 97 192	#8B61C0
100.0%	100.0% #7E50B7	RGB 126 80 183	#7E50B7

#CCB8F0 #BFA6E6 #B295DD #A584D3 #9872CA #8B61C0 #7E50B7

#CCB8F0 - #7E50B7

HSV Blend

#CCB8F0 - #7E50B7 | 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 #CCB8F0 as 0% and #7E50B7 as 100%.

0.0%	0.0% #CCB8F0	RGB 204 184 240	#CCB8F0
16.7%	16.7% #BCA4E6	RGB 188 164 230	#BCA4E6
33.3%	33.3% #AE91DD	RGB 174 145 221	#AE91DD
50.0%	50.0% #A17FD3	RGB 161 127 211	#A17FD3
66.7%	66.7% #946ECA	RGB 148 110 202	#946ECA
83.3%	83.3% #885EC0	RGB 136 94 192	#885EC0
100.0%	100.0% #7E50B7	RGB 126 80 183	#7E50B7

#CCB8F0 #BCA4E6 #AE91DD #A17FD3 #946ECA #885EC0 #7E50B7

#CCB8F0 - #A17FD3 - #7E50B7

CSS codes

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

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