#C7CCCE - #777C8F | 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 #C7CCCE to #777C8F

#C7CCCE #777C8F

Calculate the color between two colors, #C7CCCE and #777C8F. 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)

#C7CCCE - #777C8F | 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 #C7CCCE as 0% and #777C8F as 100%.

0.0%	0.0% #C7CCCE	RGB 199 204 206	#C7CCCE
16.7%	16.7% #B9BEC3	RGB 185 190 195	#B9BEC3
33.3%	33.3% #ACB1B9	RGB 172 177 185	#ACB1B9
50.0%	50.0% #9FA4AE	RGB 159 164 174	#9FA4AE
66.7%	66.7% #9196A4	RGB 145 150 164	#9196A4
83.3%	83.3% #848999	RGB 132 137 153	#848999
100.0%	100.0% #777C8F	RGB 119 124 143	#777C8F

#C7CCCE #B9BEC3 #ACB1B9 #9FA4AE #9196A4 #848999 #777C8F

#C7CCCE - #777C8F

HSV Blend

#C7CCCE - #777C8F | 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 #C7CCCE as 0% and #777C8F as 100%.

0.0%	0.0% #C7CCCE	RGB 199 204 206	#C7CCCE
16.7%	16.7% #B8BFC3	RGB 184 191 195	#B8BFC3
33.3%	33.3% #AAB2B9	RGB 170 178 185	#AAB2B9
50.0%	50.0% #9CA5AE	RGB 156 165 174	#9CA5AE
66.7%	66.7% #8F97A4	RGB 143 151 164	#8F97A4
83.3%	83.3% #838999	RGB 131 137 153	#838999
100.0%	100.0% #777C8F	RGB 119 124 143	#777C8F

#C7CCCE #B8BFC3 #AAB2B9 #9CA5AE #8F97A4 #838999 #777C8F

#C7CCCE - #9CA5AE - #777C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCCE 0%, #9CA5AE 50%, #777C8F 100%);
    background: -webkit-linear-gradient(top, #C7CCCE 0%, #9CA5AE 50%, #777C8F 100%);
    background: linear-gradient(to bottom, #C7CCCE 0%, #9CA5AE 50%, #777C8F 100%);
}
</style>