#C2BFFF - #7754D0 | 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 #C2BFFF to #7754D0

#C2BFFF #7754D0

Calculate the color between two colors, #C2BFFF and #7754D0. 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)

#C2BFFF - #7754D0 | 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 #C2BFFF as 0% and #7754D0 as 100%.

0.0%	0.0% #C2BFFF	RGB 194 191 255	#C2BFFF
16.7%	16.7% #B5ADF7	RGB 181 173 247	#B5ADF7
33.3%	33.3% #A99BEF	RGB 169 155 239	#A99BEF
50.0%	50.0% #9C89E7	RGB 156 137 231	#9C89E7
66.7%	66.7% #9077DF	RGB 144 119 223	#9077DF
83.3%	83.3% #8365D7	RGB 131 101 215	#8365D7
100.0%	100.0% #7754D0	RGB 119 84 208	#7754D0

#C2BFFF #B5ADF7 #A99BEF #9C89E7 #9077DF #8365D7 #7754D0

#C2BFFF - #7754D0

HSV Blend

#C2BFFF - #7754D0 | 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 #C2BFFF as 0% and #7754D0 as 100%.

0.0%	0.0% #C2BFFF	RGB 194 191 255	#C2BFFF
16.7%	16.7% #B1AAF7	RGB 177 170 247	#B1AAF7
33.3%	33.3% #A297EF	RGB 162 151 239	#A297EF
50.0%	50.0% #9585E7	RGB 149 133 231	#9585E7
66.7%	66.7% #8974DF	RGB 137 116 223	#8974DF
83.3%	83.3% #7F63D7	RGB 127 99 215	#7F63D7
100.0%	100.0% #7754D0	RGB 119 84 208	#7754D0

#C2BFFF #B1AAF7 #A297EF #9585E7 #8974DF #7F63D7 #7754D0

#C2BFFF - #9585E7 - #7754D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2BFFF 0%, #9585E7 50%, #7754D0 100%);
    background: -webkit-linear-gradient(top, #C2BFFF 0%, #9585E7 50%, #7754D0 100%);
    background: linear-gradient(to bottom, #C2BFFF 0%, #9585E7 50%, #7754D0 100%);
}
</style>