#C6B2FF - #793FE4 | 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 #C6B2FF to #793FE4

#C6B2FF #793FE4

Calculate the color between two colors, #C6B2FF and #793FE4. 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)

#C6B2FF - #793FE4 | 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 #C6B2FF as 0% and #793FE4 as 100%.

0.0%	0.0% #C6B2FF	RGB 198 178 255	#C6B2FF
16.7%	16.7% #B99EFA	RGB 185 158 250	#B99EFA
33.3%	33.3% #AC8BF6	RGB 172 139 246	#AC8BF6
50.0%	50.0% #9F78F1	RGB 159 120 241	#9F78F1
66.7%	66.7% #9265ED	RGB 146 101 237	#9265ED
83.3%	83.3% #8552E8	RGB 133 82 232	#8552E8
100.0%	100.0% #793FE4	RGB 121 63 228	#793FE4

#C6B2FF #B99EFA #AC8BF6 #9F78F1 #9265ED #8552E8 #793FE4

#C6B2FF - #793FE4

HSV Blend

#C6B2FF - #793FE4 | 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 #C6B2FF as 0% and #793FE4 as 100%.

0.0%	0.0% #C6B2FF	RGB 198 178 255	#C6B2FF
16.7%	16.7% #B69DFA	RGB 182 157 250	#B69DFA
33.3%	33.3% #A889F6	RGB 168 137 246	#A889F6
50.0%	50.0% #9B75F1	RGB 155 117 241	#9B75F1
66.7%	66.7% #8F62ED	RGB 143 98 237	#8F62ED
83.3%	83.3% #8350E8	RGB 131 80 232	#8350E8
100.0%	100.0% #793FE4	RGB 121 63 228	#793FE4

#C6B2FF #B69DFA #A889F6 #9B75F1 #8F62ED #8350E8 #793FE4

#C6B2FF - #9B75F1 - #793FE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6B2FF 0%, #9B75F1 50%, #793FE4 100%);
    background: -webkit-linear-gradient(top, #C6B2FF 0%, #9B75F1 50%, #793FE4 100%);
    background: linear-gradient(to bottom, #C6B2FF 0%, #9B75F1 50%, #793FE4 100%);
}
</style>