#C8C4D9 - #8172C1 | 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 #C8C4D9 to #8172C1

#C8C4D9 #8172C1

Calculate the color between two colors, #C8C4D9 and #8172C1. 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)

#C8C4D9 - #8172C1 | 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 #C8C4D9 as 0% and #8172C1 as 100%.

0.0%	0.0% #C8C4D9	RGB 200 196 217	#C8C4D9
16.7%	16.7% #BCB6D5	RGB 188 182 213	#BCB6D5
33.3%	33.3% #B0A8D1	RGB 176 168 209	#B0A8D1
50.0%	50.0% #A49BCD	RGB 164 155 205	#A49BCD
66.7%	66.7% #988DC9	RGB 152 141 201	#988DC9
83.3%	83.3% #8C7FC5	RGB 140 127 197	#8C7FC5
100.0%	100.0% #8172C1	RGB 129 114 193	#8172C1

#C8C4D9 #BCB6D5 #B0A8D1 #A49BCD #988DC9 #8C7FC5 #8172C1

#C8C4D9 - #8172C1

HSV Blend

#C8C4D9 - #8172C1 | 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 #C8C4D9 as 0% and #8172C1 as 100%.

0.0%	0.0% #C8C4D9	RGB 200 196 217	#C8C4D9
16.7%	16.7% #BBB5D5	RGB 187 181 213	#BBB5D5
33.3%	33.3% #AEA6D1	RGB 174 166 209	#AEA6D1
50.0%	50.0% #A299CD	RGB 162 153 205	#A299CD
66.7%	66.7% #978BC9	RGB 151 139 201	#978BC9
83.3%	83.3% #8B7EC5	RGB 139 126 197	#8B7EC5
100.0%	100.0% #8172C1	RGB 129 114 193	#8172C1

#C8C4D9 #BBB5D5 #AEA6D1 #A299CD #978BC9 #8B7EC5 #8172C1

#C8C4D9 - #A299CD - #8172C1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C4D9 0%, #A299CD 50%, #8172C1 100%);
    background: -webkit-linear-gradient(top, #C8C4D9 0%, #A299CD 50%, #8172C1 100%);
    background: linear-gradient(to bottom, #C8C4D9 0%, #A299CD 50%, #8172C1 100%);
}
</style>