#C7CBFF - #7B71D9 | 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 #C7CBFF to #7B71D9

#C7CBFF #7B71D9

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

#C7CBFF - #7B71D9 | 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 #C7CBFF as 0% and #7B71D9 as 100%.

0.0%	0.0% #C7CBFF	RGB 199 203 255	#C7CBFF
16.7%	16.7% #BABCF8	RGB 186 188 248	#BABCF8
33.3%	33.3% #ADADF2	RGB 173 173 242	#ADADF2
50.0%	50.0% #A19EEC	RGB 161 158 236	#A19EEC
66.7%	66.7% #948FE5	RGB 148 143 229	#948FE5
83.3%	83.3% #8780DF	RGB 135 128 223	#8780DF
100.0%	100.0% #7B71D9	RGB 123 113 217	#7B71D9

#C7CBFF #BABCF8 #ADADF2 #A19EEC #948FE5 #8780DF #7B71D9

#C7CBFF - #7B71D9

HSV Blend

#C7CBFF - #7B71D9 | 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 #C7CBFF as 0% and #7B71D9 as 100%.

0.0%	0.0% #C7CBFF	RGB 199 203 255	#C7CBFF
16.7%	16.7% #B7BAF8	RGB 183 186 248	#B7BAF8
33.3%	33.3% #A8A9F2	RGB 168 169 242	#A8A9F2
50.0%	50.0% #9A99EC	RGB 154 153 236	#9A99EC
66.7%	66.7% #8F8BE5	RGB 143 139 229	#8F8BE5
83.3%	83.3% #847DDF	RGB 132 125 223	#847DDF
100.0%	100.0% #7B71D9	RGB 123 113 217	#7B71D9

#C7CBFF #B7BAF8 #A8A9F2 #9A99EC #8F8BE5 #847DDF #7B71D9

#C7CBFF - #9A99EC - #7B71D9

CSS codes

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

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