#C8A2FF - #732CCE | 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 #C8A2FF to #732CCE

#C8A2FF #732CCE

Calculate the color between two colors, #C8A2FF and #732CCE. 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)

#C8A2FF - #732CCE | 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 #C8A2FF as 0% and #732CCE as 100%.

0.0%	0.0% #C8A2FF	RGB 200 162 255	#C8A2FF
16.7%	16.7% #B98EF6	RGB 185 142 246	#B98EF6
33.3%	33.3% #AB7AEE	RGB 171 122 238	#AB7AEE
50.0%	50.0% #9D67E6	RGB 157 103 230	#9D67E6
66.7%	66.7% #8F53DE	RGB 143 83 222	#8F53DE
83.3%	83.3% #813FD6	RGB 129 63 214	#813FD6
100.0%	100.0% #732CCE	RGB 115 44 206	#732CCE

#C8A2FF #B98EF6 #AB7AEE #9D67E6 #8F53DE #813FD6 #732CCE

#C8A2FF - #732CCE

HSV Blend

#C8A2FF - #732CCE | 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 #C8A2FF as 0% and #732CCE as 100%.

0.0%	0.0% #C8A2FF	RGB 200 162 255	#C8A2FF
16.7%	16.7% #B78BF6	RGB 183 139 246	#B78BF6
33.3%	33.3% #A876EE	RGB 168 118 238	#A876EE
50.0%	50.0% #9A61E6	RGB 154 97 230	#9A61E6
66.7%	66.7% #8C4EDE	RGB 140 78 222	#8C4EDE
83.3%	83.3% #7F3CD6	RGB 127 60 214	#7F3CD6
100.0%	100.0% #732CCE	RGB 115 44 206	#732CCE

#C8A2FF #B78BF6 #A876EE #9A61E6 #8C4EDE #7F3CD6 #732CCE

#C8A2FF - #9A61E6 - #732CCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A2FF 0%, #9A61E6 50%, #732CCE 100%);
    background: -webkit-linear-gradient(top, #C8A2FF 0%, #9A61E6 50%, #732CCE 100%);
    background: linear-gradient(to bottom, #C8A2FF 0%, #9A61E6 50%, #732CCE 100%);
}
</style>