#C7C8C9 - #768E9C | 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 #C7C8C9 to #768E9C

#C7C8C9 #768E9C

Calculate the color between two colors, #C7C8C9 and #768E9C. 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)

#C7C8C9 - #768E9C | 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 #C7C8C9 as 0% and #768E9C as 100%.

0.0%	0.0% #C7C8C9	RGB 199 200 201	#C7C8C9
16.7%	16.7% #B9BEC1	RGB 185 190 193	#B9BEC1
33.3%	33.3% #ACB4BA	RGB 172 180 186	#ACB4BA
50.0%	50.0% #9EABB2	RGB 158 171 178	#9EABB2
66.7%	66.7% #91A1AB	RGB 145 161 171	#91A1AB
83.3%	83.3% #8397A3	RGB 131 151 163	#8397A3
100.0%	100.0% #768E9C	RGB 118 142 156	#768E9C

#C7C8C9 #B9BEC1 #ACB4BA #9EABB2 #91A1AB #8397A3 #768E9C

#C7C8C9 - #768E9C

HSV Blend

#C7C8C9 - #768E9C | 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 #C7C8C9 as 0% and #768E9C as 100%.

0.0%	0.0% #C7C8C9	RGB 199 200 201	#C7C8C9
16.7%	16.7% #B8BCC1	RGB 184 188 193	#B8BCC1
33.3%	33.3% #A9B2BA	RGB 169 178 186	#A9B2BA
50.0%	50.0% #9BA8B2	RGB 155 168 178	#9BA8B2
66.7%	66.7% #8E9FAB	RGB 142 159 171	#8E9FAB
83.3%	83.3% #8296A3	RGB 130 150 163	#8296A3
100.0%	100.0% #768E9C	RGB 118 142 156	#768E9C

#C7C8C9 #B8BCC1 #A9B2BA #9BA8B2 #8E9FAB #8296A3 #768E9C

#C7C8C9 - #9BA8B2 - #768E9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C8C9 0%, #9BA8B2 50%, #768E9C 100%);
    background: -webkit-linear-gradient(top, #C7C8C9 0%, #9BA8B2 50%, #768E9C 100%);
    background: linear-gradient(to bottom, #C7C8C9 0%, #9BA8B2 50%, #768E9C 100%);
}
</style>