#C8C7C9 - #76779C | 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 #C8C7C9 to #76779C

#C8C7C9 #76779C

Calculate the color between two colors, #C8C7C9 and #76779C. 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)

#C8C7C9 - #76779C | 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 #C8C7C9 as 0% and #76779C as 100%.

0.0%	0.0% #C8C7C9	RGB 200 199 201	#C8C7C9
16.7%	16.7% #BAB9C1	RGB 186 185 193	#BAB9C1
33.3%	33.3% #ACACBA	RGB 172 172 186	#ACACBA
50.0%	50.0% #9F9FB2	RGB 159 159 178	#9F9FB2
66.7%	66.7% #9191AB	RGB 145 145 171	#9191AB
83.3%	83.3% #8384A3	RGB 131 132 163	#8384A3
100.0%	100.0% #76779C	RGB 118 119 156	#76779C

#C8C7C9 #BAB9C1 #ACACBA #9F9FB2 #9191AB #8384A3 #76779C

#C8C7C9 - #76779C

HSV Blend

#C8C7C9 - #76779C | 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 #C8C7C9 as 0% and #76779C as 100%.

0.0%	0.0% #C8C7C9	RGB 200 199 201	#C8C7C9
16.7%	16.7% #BBB8C1	RGB 187 184 193	#BBB8C1
33.3%	33.3% #AEA9BA	RGB 174 169 186	#AEA9BA
50.0%	50.0% #A19BB2	RGB 161 155 178	#A19BB2
66.7%	66.7% #928EAB	RGB 146 142 171	#928EAB
83.3%	83.3% #8482A3	RGB 132 130 163	#8482A3
100.0%	100.0% #76779C	RGB 118 119 156	#76779C

#C8C7C9 #BBB8C1 #AEA9BA #A19BB2 #928EAB #8482A3 #76779C

#C8C7C9 - #A19BB2 - #76779C

CSS codes

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

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