#C8C5D8 - #8173C0 | 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 #C8C5D8 to #8173C0

#C8C5D8 #8173C0

Calculate the color between two colors, #C8C5D8 and #8173C0. 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)

#C8C5D8 - #8173C0 | 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 #C8C5D8 as 0% and #8173C0 as 100%.

0.0%	0.0% #C8C5D8	RGB 200 197 216	#C8C5D8
16.7%	16.7% #BCB7D4	RGB 188 183 212	#BCB7D4
33.3%	33.3% #B0A9D0	RGB 176 169 208	#B0A9D0
50.0%	50.0% #A49CCC	RGB 164 156 204	#A49CCC
66.7%	66.7% #988EC8	RGB 152 142 200	#988EC8
83.3%	83.3% #8C80C4	RGB 140 128 196	#8C80C4
100.0%	100.0% #8173C0	RGB 129 115 192	#8173C0

#C8C5D8 #BCB7D4 #B0A9D0 #A49CCC #988EC8 #8C80C4 #8173C0

#C8C5D8 - #8173C0

HSV Blend

#C8C5D8 - #8173C0 | 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 #C8C5D8 as 0% and #8173C0 as 100%.

0.0%	0.0% #C8C5D8	RGB 200 197 216	#C8C5D8
16.7%	16.7% #BBB6D4	RGB 187 182 212	#BBB6D4
33.3%	33.3% #AEA7D0	RGB 174 167 208	#AEA7D0
50.0%	50.0% #A29ACC	RGB 162 154 204	#A29ACC
66.7%	66.7% #968CC8	RGB 150 140 200	#968CC8
83.3%	83.3% #8B7FC4	RGB 139 127 196	#8B7FC4
100.0%	100.0% #8173C0	RGB 129 115 192	#8173C0

#C8C5D8 #BBB6D4 #AEA7D0 #A29ACC #968CC8 #8B7FC4 #8173C0

#C8C5D8 - #A29ACC - #8173C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C5D8 0%, #A29ACC 50%, #8173C0 100%);
    background: -webkit-linear-gradient(top, #C8C5D8 0%, #A29ACC 50%, #8173C0 100%);
    background: linear-gradient(to bottom, #C8C5D8 0%, #A29ACC 50%, #8173C0 100%);
}
</style>