#C3C3C7 - #647C85 | 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 #C3C3C7 to #647C85

#C3C3C7 #647C85

Calculate the color between two colors, #C3C3C7 and #647C85. 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)

#C3C3C7 - #647C85 | 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 #C3C3C7 as 0% and #647C85 as 100%.

0.0%	0.0% #C3C3C7	RGB 195 195 199	#C3C3C7
16.7%	16.7% #B3B7BC	RGB 179 183 188	#B3B7BC
33.3%	33.3% #A3ABB1	RGB 163 171 177	#A3ABB1
50.0%	50.0% #939FA6	RGB 147 159 166	#939FA6
66.7%	66.7% #83939B	RGB 131 147 155	#83939B
83.3%	83.3% #738790	RGB 115 135 144	#738790
100.0%	100.0% #647C85	RGB 100 124 133	#647C85

#C3C3C7 #B3B7BC #A3ABB1 #939FA6 #83939B #738790 #647C85

#C3C3C7 - #647C85

HSV Blend

#C3C3C7 - #647C85 | 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 #C3C3C7 as 0% and #647C85 as 100%.

0.0%	0.0% #C3C3C7	RGB 195 195 199	#C3C3C7
16.7%	16.7% #B1B2BC	RGB 177 178 188	#B1B2BC
33.3%	33.3% #9FA4B1	RGB 159 164 177	#9FA4B1
50.0%	50.0% #8F97A6	RGB 143 151 166	#8F97A6
66.7%	66.7% #808D9B	RGB 128 141 155	#808D9B
83.3%	83.3% #718490	RGB 113 132 144	#718490
100.0%	100.0% #647C85	RGB 100 124 133	#647C85

#C3C3C7 #B1B2BC #9FA4B1 #8F97A6 #808D9B #718490 #647C85

#C3C3C7 - #8F97A6 - #647C85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C3C7 0%, #8F97A6 50%, #647C85 100%);
    background: -webkit-linear-gradient(top, #C3C3C7 0%, #8F97A6 50%, #647C85 100%);
    background: linear-gradient(to bottom, #C3C3C7 0%, #8F97A6 50%, #647C85 100%);
}
</style>