#C5A8CC - #9953AF | 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 #C5A8CC to #9953AF

#C5A8CC #9953AF

Calculate the color between two colors, #C5A8CC and #9953AF. 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)

#C5A8CC - #9953AF | 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 #C5A8CC as 0% and #9953AF as 100%.

0.0%	0.0% #C5A8CC	RGB 197 168 204	#C5A8CC
16.7%	16.7% #BD99C7	RGB 189 153 199	#BD99C7
33.3%	33.3% #B68BC2	RGB 182 139 194	#B68BC2
50.0%	50.0% #AF7DBD	RGB 175 125 189	#AF7DBD
66.7%	66.7% #A76FB8	RGB 167 111 184	#A76FB8
83.3%	83.3% #A061B3	RGB 160 97 179	#A061B3
100.0%	100.0% #9953AF	RGB 153 83 175	#9953AF

#C5A8CC #BD99C7 #B68BC2 #AF7DBD #A76FB8 #A061B3 #9953AF

#C5A8CC - #9953AF

HSV Blend

#C5A8CC - #9953AF | 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 #C5A8CC as 0% and #9953AF as 100%.

0.0%	0.0% #C5A8CC	RGB 197 168 204	#C5A8CC
16.7%	16.7% #BD98C7	RGB 189 152 199	#BD98C7
33.3%	33.3% #B689C2	RGB 182 137 194	#B689C2
50.0%	50.0% #AF7ABD	RGB 175 122 189	#AF7ABD
66.7%	66.7% #A76DB8	RGB 167 109 184	#A76DB8
83.3%	83.3% #A05FB3	RGB 160 95 179	#A05FB3
100.0%	100.0% #9953AF	RGB 153 83 175	#9953AF

#C5A8CC #BD98C7 #B689C2 #AF7ABD #A76DB8 #A05FB3 #9953AF

#C5A8CC - #AF7ABD - #9953AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5A8CC 0%, #AF7ABD 50%, #9953AF 100%);
    background: -webkit-linear-gradient(top, #C5A8CC 0%, #AF7ABD 50%, #9953AF 100%);
    background: linear-gradient(to bottom, #C5A8CC 0%, #AF7ABD 50%, #9953AF 100%);
}
</style>