#C7C5E4 - #9470AD | 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 #C7C5E4 to #9470AD

#C7C5E4 #9470AD

Calculate the color between two colors, #C7C5E4 and #9470AD. 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)

#C7C5E4 - #9470AD | 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 #C7C5E4 as 0% and #9470AD as 100%.

0.0%	0.0% #C7C5E4	RGB 199 197 228	#C7C5E4
16.7%	16.7% #BEB6DA	RGB 190 182 218	#BEB6DA
33.3%	33.3% #B6A8D1	RGB 182 168 209	#B6A8D1
50.0%	50.0% #AD9AC8	RGB 173 154 200	#AD9AC8
66.7%	66.7% #A58CBF	RGB 165 140 191	#A58CBF
83.3%	83.3% #9C7EB6	RGB 156 126 182	#9C7EB6
100.0%	100.0% #9470AD	RGB 148 112 173	#9470AD

#C7C5E4 #BEB6DA #B6A8D1 #AD9AC8 #A58CBF #9C7EB6 #9470AD

#C7C5E4 - #9470AD

HSV Blend

#C7C5E4 - #9470AD | 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 #C7C5E4 as 0% and #9470AD as 100%.

0.0%	0.0% #C7C5E4	RGB 199 197 228	#C7C5E4
16.7%	16.7% #BAB5DA	RGB 186 181 218	#BAB5DA
33.3%	33.3% #B0A6D1	RGB 176 166 209	#B0A6D1
50.0%	50.0% #A797C8	RGB 167 151 200	#A797C8
66.7%	66.7% #9F89BF	RGB 159 137 191	#9F89BF
83.3%	83.3% #997CB6	RGB 153 124 182	#997CB6
100.0%	100.0% #9470AD	RGB 148 112 173	#9470AD

#C7C5E4 #BAB5DA #B0A6D1 #A797C8 #9F89BF #997CB6 #9470AD

#C7C5E4 - #A797C8 - #9470AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C5E4 0%, #A797C8 50%, #9470AD 100%);
    background: -webkit-linear-gradient(top, #C7C5E4 0%, #A797C8 50%, #9470AD 100%);
    background: linear-gradient(to bottom, #C7C5E4 0%, #A797C8 50%, #9470AD 100%);
}
</style>