#C6C4CE - #8372B7 | 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 #C6C4CE to #8372B7

#C6C4CE #8372B7

Calculate the color between two colors, #C6C4CE and #8372B7. 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)

#C6C4CE - #8372B7 | 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 #C6C4CE as 0% and #8372B7 as 100%.

0.0%	0.0% #C6C4CE	RGB 198 196 206	#C6C4CE
16.7%	16.7% #BAB6CA	RGB 186 182 202	#BAB6CA
33.3%	33.3% #AFA8C6	RGB 175 168 198	#AFA8C6
50.0%	50.0% #A49BC2	RGB 164 155 194	#A49BC2
66.7%	66.7% #998DBE	RGB 153 141 190	#998DBE
83.3%	83.3% #8E7FBA	RGB 142 127 186	#8E7FBA
100.0%	100.0% #8372B7	RGB 131 114 183	#8372B7

#C6C4CE #BAB6CA #AFA8C6 #A49BC2 #998DBE #8E7FBA #8372B7

#C6C4CE - #8372B7

HSV Blend

#C6C4CE - #8372B7 | 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 #C6C4CE as 0% and #8372B7 as 100%.

0.0%	0.0% #C6C4CE	RGB 198 196 206	#C6C4CE
16.7%	16.7% #B9B5CA	RGB 185 181 202	#B9B5CA
33.3%	33.3% #ADA6C6	RGB 173 166 198	#ADA6C6
50.0%	50.0% #A299C2	RGB 162 153 194	#A299C2
66.7%	66.7% #978BBE	RGB 151 139 190	#978BBE
83.3%	83.3% #8C7EBA	RGB 140 126 186	#8C7EBA
100.0%	100.0% #8372B7	RGB 131 114 183	#8372B7

#C6C4CE #B9B5CA #ADA6C6 #A299C2 #978BBE #8C7EBA #8372B7

#C6C4CE - #A299C2 - #8372B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6C4CE 0%, #A299C2 50%, #8372B7 100%);
    background: -webkit-linear-gradient(top, #C6C4CE 0%, #A299C2 50%, #8372B7 100%);
    background: linear-gradient(to bottom, #C6C4CE 0%, #A299C2 50%, #8372B7 100%);
}
</style>