#C2B0FF - #7240CF | 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 #C2B0FF to #7240CF

#C2B0FF #7240CF

Calculate the color between two colors, #C2B0FF and #7240CF. 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)

#C2B0FF - #7240CF | 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 #C2B0FF as 0% and #7240CF as 100%.

0.0%	0.0% #C2B0FF	RGB 194 176 255	#C2B0FF
16.7%	16.7% #B49DF7	RGB 180 157 247	#B49DF7
33.3%	33.3% #A78AEF	RGB 167 138 239	#A78AEF
50.0%	50.0% #9A78E7	RGB 154 120 231	#9A78E7
66.7%	66.7% #8C65DF	RGB 140 101 223	#8C65DF
83.3%	83.3% #7F52D7	RGB 127 82 215	#7F52D7
100.0%	100.0% #7240CF	RGB 114 64 207	#7240CF

#C2B0FF #B49DF7 #A78AEF #9A78E7 #8C65DF #7F52D7 #7240CF

#C2B0FF - #7240CF

HSV Blend

#C2B0FF - #7240CF | 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 #C2B0FF as 0% and #7240CF as 100%.

0.0%	0.0% #C2B0FF	RGB 194 176 255	#C2B0FF
16.7%	16.7% #B19AF7	RGB 177 154 247	#B19AF7
33.3%	33.3% #A286EF	RGB 162 134 239	#A286EF
50.0%	50.0% #9473E7	RGB 148 115 231	#9473E7
66.7%	66.7% #8861DF	RGB 136 97 223	#8861DF
83.3%	83.3% #7C50D7	RGB 124 80 215	#7C50D7
100.0%	100.0% #7240CF	RGB 114 64 207	#7240CF

#C2B0FF #B19AF7 #A286EF #9473E7 #8861DF #7C50D7 #7240CF

#C2B0FF - #9473E7 - #7240CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2B0FF 0%, #9473E7 50%, #7240CF 100%);
    background: -webkit-linear-gradient(top, #C2B0FF 0%, #9473E7 50%, #7240CF 100%);
    background: linear-gradient(to bottom, #C2B0FF 0%, #9473E7 50%, #7240CF 100%);
}
</style>