#C5A8DC - #8652BF | 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 #C5A8DC to #8652BF

#C5A8DC #8652BF

Calculate the color between two colors, #C5A8DC and #8652BF. 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)

#C5A8DC - #8652BF | 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 #C5A8DC as 0% and #8652BF as 100%.

0.0%	0.0% #C5A8DC	RGB 197 168 220	#C5A8DC
16.7%	16.7% #BA99D7	RGB 186 153 215	#BA99D7
33.3%	33.3% #B08BD2	RGB 176 139 210	#B08BD2
50.0%	50.0% #A57DCD	RGB 165 125 205	#A57DCD
66.7%	66.7% #9B6EC8	RGB 155 110 200	#9B6EC8
83.3%	83.3% #9060C3	RGB 144 96 195	#9060C3
100.0%	100.0% #8652BF	RGB 134 82 191	#8652BF

#C5A8DC #BA99D7 #B08BD2 #A57DCD #9B6EC8 #9060C3 #8652BF

#C5A8DC - #8652BF

HSV Blend

#C5A8DC - #8652BF | 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 #C5A8DC as 0% and #8652BF as 100%.

0.0%	0.0% #C5A8DC	RGB 197 168 220	#C5A8DC
16.7%	16.7% #BA98D7	RGB 186 152 215	#BA98D7
33.3%	33.3% #B089D2	RGB 176 137 210	#B089D2
50.0%	50.0% #A57ACD	RGB 165 122 205	#A57ACD
66.7%	66.7% #9A6CC8	RGB 154 108 200	#9A6CC8
83.3%	83.3% #905EC3	RGB 144 94 195	#905EC3
100.0%	100.0% #8652BF	RGB 134 82 191	#8652BF

#C5A8DC #BA98D7 #B089D2 #A57ACD #9A6CC8 #905EC3 #8652BF

#C5A8DC - #A57ACD - #8652BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5A8DC 0%, #A57ACD 50%, #8652BF 100%);
    background: -webkit-linear-gradient(top, #C5A8DC 0%, #A57ACD 50%, #8652BF 100%);
    background: linear-gradient(to bottom, #C5A8DC 0%, #A57ACD 50%, #8652BF 100%);
}
</style>