#C7A8DD - #8952BF | 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 #C7A8DD to #8952BF

#C7A8DD #8952BF

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

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

0.0%	0.0% #C7A8DD	RGB 199 168 221	#C7A8DD
16.7%	16.7% #BC99D8	RGB 188 153 216	#BC99D8
33.3%	33.3% #B28BD3	RGB 178 139 211	#B28BD3
50.0%	50.0% #A87DCE	RGB 168 125 206	#A87DCE
66.7%	66.7% #9D6EC9	RGB 157 110 201	#9D6EC9
83.3%	83.3% #9360C4	RGB 147 96 196	#9360C4
100.0%	100.0% #8952BF	RGB 137 82 191	#8952BF

#C7A8DD #BC99D8 #B28BD3 #A87DCE #9D6EC9 #9360C4 #8952BF

#C7A8DD - #8952BF

HSV Blend

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

0.0%	0.0% #C7A8DD	RGB 199 168 221	#C7A8DD
16.7%	16.7% #BC98D8	RGB 188 152 216	#BC98D8
33.3%	33.3% #B289D3	RGB 178 137 211	#B289D3
50.0%	50.0% #A77ACE	RGB 167 122 206	#A77ACE
66.7%	66.7% #9D6CC9	RGB 157 108 201	#9D6CC9
83.3%	83.3% #935EC4	RGB 147 94 196	#935EC4
100.0%	100.0% #8952BF	RGB 137 82 191	#8952BF

#C7A8DD #BC98D8 #B289D3 #A77ACE #9D6CC9 #935EC4 #8952BF

#C7A8DD - #A77ACE - #8952BF

CSS codes

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

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