#C9C8C8 - #7E6988 | 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 #7E6988

#C9C8C8 #7E6988

Calculate the color between two colors, #C9C8C8 and #7E6988. 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 - #7E6988 | 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 #7E6988 as 100%.

0.0%	0.0% #C9C8C8	RGB 201 200 200	#C9C8C8
16.7%	16.7% #BCB8BD	RGB 188 184 189	#BCB8BD
33.3%	33.3% #B0A8B2	RGB 176 168 178	#B0A8B2
50.0%	50.0% #A398A8	RGB 163 152 168	#A398A8
66.7%	66.7% #97889D	RGB 151 136 157	#97889D
83.3%	83.3% #8A7892	RGB 138 120 146	#8A7892
100.0%	100.0% #7E6988	RGB 126 105 136	#7E6988

#C9C8C8 #BCB8BD #B0A8B2 #A398A8 #97889D #8A7892 #7E6988

#C9C8C8 - #7E6988

HSV Blend

#C9C8C8 - #7E6988 | 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 #7E6988 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% #B3A5AB	RGB 179 165 171	#B3A5AB
50.0%	50.0% #A894A1	RGB 168 148 161	#A894A1
66.7%	66.7% #9D859A	RGB 157 133 154	#9D859A
83.3%	83.3% #8F7692	RGB 143 118 146	#8F7692
100.0%	100.0% #7E6988	RGB 126 105 136	#7E6988

#C9C8C8 #BEB6B7 #B3A5AB #A894A1 #9D859A #8F7692 #7E6988

#C9C8C8 - #A894A1 - #7E6988

CSS codes

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

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