#C8C3C9 - #8D71A0 | 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 #C8C3C9 to #8D71A0

#C8C3C9 #8D71A0

Calculate the color between two colors, #C8C3C9 and #8D71A0. 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)

#C8C3C9 - #8D71A0 | 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 #C8C3C9 as 0% and #8D71A0 as 100%.

0.0%	0.0% #C8C3C9	RGB 200 195 201	#C8C3C9
16.7%	16.7% #BEB5C2	RGB 190 181 194	#BEB5C2
33.3%	33.3% #B4A7BB	RGB 180 167 187	#B4A7BB
50.0%	50.0% #AA9AB4	RGB 170 154 180	#AA9AB4
66.7%	66.7% #A08CAD	RGB 160 140 173	#A08CAD
83.3%	83.3% #967EA6	RGB 150 126 166	#967EA6
100.0%	100.0% #8D71A0	RGB 141 113 160	#8D71A0

#C8C3C9 #BEB5C2 #B4A7BB #AA9AB4 #A08CAD #967EA6 #8D71A0

#C8C3C9 - #8D71A0

HSV Blend

#C8C3C9 - #8D71A0 | 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 #C8C3C9 as 0% and #8D71A0 as 100%.

0.0%	0.0% #C8C3C9	RGB 200 195 201	#C8C3C9
16.7%	16.7% #BFB3C2	RGB 191 179 194	#BFB3C2
33.3%	33.3% #B5A5BB	RGB 181 165 187	#B5A5BB
50.0%	50.0% #AC97B4	RGB 172 151 180	#AC97B4
66.7%	66.7% #A289AD	RGB 162 137 173	#A289AD
83.3%	83.3% #977DA6	RGB 151 125 166	#977DA6
100.0%	100.0% #8D71A0	RGB 141 113 160	#8D71A0

#C8C3C9 #BFB3C2 #B5A5BB #AC97B4 #A289AD #977DA6 #8D71A0

#C8C3C9 - #AC97B4 - #8D71A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C3C9 0%, #AC97B4 50%, #8D71A0 100%);
    background: -webkit-linear-gradient(top, #C8C3C9 0%, #AC97B4 50%, #8D71A0 100%);
    background: linear-gradient(to bottom, #C8C3C9 0%, #AC97B4 50%, #8D71A0 100%);
}
</style>