#C2BAFF - #6256D9 | 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 #C2BAFF to #6256D9

#C2BAFF #6256D9

Calculate the color between two colors, #C2BAFF and #6256D9. 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)

#C2BAFF - #6256D9 | 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 #C2BAFF as 0% and #6256D9 as 100%.

0.0%	0.0% #C2BAFF	RGB 194 186 255	#C2BAFF
16.7%	16.7% #B2A9F8	RGB 178 169 248	#B2A9F8
33.3%	33.3% #A298F2	RGB 162 152 242	#A298F2
50.0%	50.0% #9288EC	RGB 146 136 236	#9288EC
66.7%	66.7% #8277E5	RGB 130 119 229	#8277E5
83.3%	83.3% #7266DF	RGB 114 102 223	#7266DF
100.0%	100.0% #6256D9	RGB 98 86 217	#6256D9

#C2BAFF #B2A9F8 #A298F2 #9288EC #8277E5 #7266DF #6256D9

#C2BAFF - #6256D9

HSV Blend

#C2BAFF - #6256D9 | 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 #C2BAFF as 0% and #6256D9 as 100%.

0.0%	0.0% #C2BAFF	RGB 194 186 255	#C2BAFF
16.7%	16.7% #B0A7F8	RGB 176 167 248	#B0A7F8
33.3%	33.3% #9F95F2	RGB 159 149 242	#9F95F2
50.0%	50.0% #8F84EC	RGB 143 132 236	#8F84EC
66.7%	66.7% #7F74E5	RGB 127 116 229	#7F74E5
83.3%	83.3% #7064DF	RGB 112 100 223	#7064DF
100.0%	100.0% #6256D9	RGB 98 86 217	#6256D9

#C2BAFF #B0A7F8 #9F95F2 #8F84EC #7F74E5 #7064DF #6256D9

#C2BAFF - #8F84EC - #6256D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2BAFF 0%, #8F84EC 50%, #6256D9 100%);
    background: -webkit-linear-gradient(top, #C2BAFF 0%, #8F84EC 50%, #6256D9 100%);
    background: linear-gradient(to bottom, #C2BAFF 0%, #8F84EC 50%, #6256D9 100%);
}
</style>