#C8C0CD - #8A6DAA | 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 #C8C0CD to #8A6DAA

#C8C0CD #8A6DAA

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

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

0.0%	0.0% #C8C0CD	RGB 200 192 205	#C8C0CD
16.7%	16.7% #BDB2C7	RGB 189 178 199	#BDB2C7
33.3%	33.3% #B3A4C1	RGB 179 164 193	#B3A4C1
50.0%	50.0% #A996BB	RGB 169 150 187	#A996BB
66.7%	66.7% #9E88B5	RGB 158 136 181	#9E88B5
83.3%	83.3% #947AAF	RGB 148 122 175	#947AAF
100.0%	100.0% #8A6DAA	RGB 138 109 170	#8A6DAA

#C8C0CD #BDB2C7 #B3A4C1 #A996BB #9E88B5 #947AAF #8A6DAA

#C8C0CD - #8A6DAA

HSV Blend

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

0.0%	0.0% #C8C0CD	RGB 200 192 205	#C8C0CD
16.7%	16.7% #BEB0C7	RGB 190 176 199	#BEB0C7
33.3%	33.3% #B3A2C1	RGB 179 162 193	#B3A2C1
50.0%	50.0% #A993BB	RGB 169 147 187	#A993BB
66.7%	66.7% #9F86B5	RGB 159 134 181	#9F86B5
83.3%	83.3% #9479AF	RGB 148 121 175	#9479AF
100.0%	100.0% #8A6DAA	RGB 138 109 170	#8A6DAA

#C8C0CD #BEB0C7 #B3A2C1 #A993BB #9F86B5 #9479AF #8A6DAA

#C8C0CD - #A993BB - #8A6DAA

CSS codes

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

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