#CCABFE - #7939CD | 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 #CCABFE to #7939CD

#CCABFE #7939CD

Calculate the color between two colors, #CCABFE and #7939CD. 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)

#CCABFE - #7939CD | 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 #CCABFE as 0% and #7939CD as 100%.

0.0%	0.0% #CCABFE	RGB 204 171 254	#CCABFE
16.7%	16.7% #BE98F5	RGB 190 152 245	#BE98F5
33.3%	33.3% #B085ED	RGB 176 133 237	#B085ED
50.0%	50.0% #A272E5	RGB 162 114 229	#A272E5
66.7%	66.7% #945FDD	RGB 148 95 221	#945FDD
83.3%	83.3% #864CD5	RGB 134 76 213	#864CD5
100.0%	100.0% #7939CD	RGB 121 57 205	#7939CD

#CCABFE #BE98F5 #B085ED #A272E5 #945FDD #864CD5 #7939CD

#CCABFE - #7939CD

HSV Blend

#CCABFE - #7939CD | 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 #CCABFE as 0% and #7939CD as 100%.

0.0%	0.0% #CCABFE	RGB 204 171 254	#CCABFE
16.7%	16.7% #BC95F5	RGB 188 149 245	#BC95F5
33.3%	33.3% #AD80ED	RGB 173 128 237	#AD80ED
50.0%	50.0% #9F6DE5	RGB 159 109 229	#9F6DE5
66.7%	66.7% #915ADD	RGB 145 90 221	#915ADD
83.3%	83.3% #8449D5	RGB 132 73 213	#8449D5
100.0%	100.0% #7939CD	RGB 121 57 205	#7939CD

#CCABFE #BC95F5 #AD80ED #9F6DE5 #915ADD #8449D5 #7939CD

#CCABFE - #9F6DE5 - #7939CD

CSS codes

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

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