#C9C8C8 - #886980 | 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 #C9C8C8 to #886980

#C9C8C8 #886980

Calculate the color between two colors, #C9C8C8 and #886980. 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)

#C9C8C8 - #886980 | 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 #C9C8C8 as 0% and #886980 as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #BEB8BC	RGB 190 184 188	#BEB8BC
33.3%	33.3% #B3A8B0	RGB 179 168 176	#B3A8B0
50.0%	50.0% #A898A4	RGB 168 152 164	#A898A4
66.7%	66.7% #9D8898	RGB 157 136 152	#9D8898
83.3%	83.3% #92788C	RGB 146 120 140	#92788C
100.0%	100.0% #886980	RGB 136 105 128	#886980

#C9C8C8 #BEB8BC #B3A8B0 #A898A4 #9D8898 #92788C #886980

#C9C8C8 - #886980

HSV Blend

#C9C8C8 - #886980 | 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 #C9C8C8 as 0% and #886980 as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #BEB6B7	RGB 190 182 183	#BEB6B7
33.3%	33.3% #B3A5A8	RGB 179 165 168	#B3A5A8
50.0%	50.0% #A8949C	RGB 168 148 156	#A8949C
66.7%	66.7% #9D8591	RGB 157 133 145	#9D8591
83.3%	83.3% #927688	RGB 146 118 136	#927688
100.0%	100.0% #886980	RGB 136 105 128	#886980

#C9C8C8 #BEB6B7 #B3A5A8 #A8949C #9D8591 #927688 #886980

#C9C8C8 - #A8949C - #886980

CSS codes

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

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