#C6C5E7 - #7166AB | 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 #C6C5E7 to #7166AB

#C6C5E7 #7166AB

Calculate the color between two colors, #C6C5E7 and #7166AB. 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)

#C6C5E7 - #7166AB | 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 #C6C5E7 as 0% and #7166AB as 100%.

0.0%	0.0% #C6C5E7	RGB 198 197 231	#C6C5E7
16.7%	16.7% #B7B5DD	RGB 183 181 221	#B7B5DD
33.3%	33.3% #A9A5D3	RGB 169 165 211	#A9A5D3
50.0%	50.0% #9B95C9	RGB 155 149 201	#9B95C9
66.7%	66.7% #8D85BF	RGB 141 133 191	#8D85BF
83.3%	83.3% #7F75B5	RGB 127 117 181	#7F75B5
100.0%	100.0% #7166AB	RGB 113 102 171	#7166AB

#C6C5E7 #B7B5DD #A9A5D3 #9B95C9 #8D85BF #7F75B5 #7166AB

#C6C5E7 - #7166AB

HSV Blend

#C6C5E7 - #7166AB | 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 #C6C5E7 as 0% and #7166AB as 100%.

0.0%	0.0% #C6C5E7	RGB 198 197 231	#C6C5E7
16.7%	16.7% #B5B3DD	RGB 181 179 221	#B5B3DD
33.3%	33.3% #A5A1D3	RGB 165 161 211	#A5A1D3
50.0%	50.0% #9691C9	RGB 150 145 201	#9691C9
66.7%	66.7% #8982BF	RGB 137 130 191	#8982BF
83.3%	83.3% #7C73B5	RGB 124 115 181	#7C73B5
100.0%	100.0% #7166AB	RGB 113 102 171	#7166AB

#C6C5E7 #B5B3DD #A5A1D3 #9691C9 #8982BF #7C73B5 #7166AB

#C6C5E7 - #9691C9 - #7166AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6C5E7 0%, #9691C9 50%, #7166AB 100%);
    background: -webkit-linear-gradient(top, #C6C5E7 0%, #9691C9 50%, #7166AB 100%);
    background: linear-gradient(to bottom, #C6C5E7 0%, #9691C9 50%, #7166AB 100%);
}
</style>