#C3C3CF - #637A8F | 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 #C3C3CF to #637A8F

#C3C3CF #637A8F

Calculate the color between two colors, #C3C3CF and #637A8F. 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)

#C3C3CF - #637A8F | 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 #C3C3CF as 0% and #637A8F as 100%.

0.0%	0.0% #C3C3CF	RGB 195 195 207	#C3C3CF
16.7%	16.7% #B3B6C4	RGB 179 182 196	#B3B6C4
33.3%	33.3% #A3AAB9	RGB 163 170 185	#A3AAB9
50.0%	50.0% #939EAF	RGB 147 158 175	#939EAF
66.7%	66.7% #8392A4	RGB 131 146 164	#8392A4
83.3%	83.3% #738699	RGB 115 134 153	#738699
100.0%	100.0% #637A8F	RGB 99 122 143	#637A8F

#C3C3CF #B3B6C4 #A3AAB9 #939EAF #8392A4 #738699 #637A8F

#C3C3CF - #637A8F

HSV Blend

#C3C3CF - #637A8F | 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 #C3C3CF as 0% and #637A8F as 100%.

0.0%	0.0% #C3C3CF	RGB 195 195 207	#C3C3CF
16.7%	16.7% #B0B2C4	RGB 176 178 196	#B0B2C4
33.3%	33.3% #9FA4B9	RGB 159 164 185	#9FA4B9
50.0%	50.0% #8F97AF	RGB 143 151 175	#8F97AF
66.7%	66.7% #7F8CA4	RGB 127 140 164	#7F8CA4
83.3%	83.3% #708299	RGB 112 130 153	#708299
100.0%	100.0% #637A8F	RGB 99 122 143	#637A8F

#C3C3CF #B0B2C4 #9FA4B9 #8F97AF #7F8CA4 #708299 #637A8F

#C3C3CF - #8F97AF - #637A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C3CF 0%, #8F97AF 50%, #637A8F 100%);
    background: -webkit-linear-gradient(top, #C3C3CF 0%, #8F97AF 50%, #637A8F 100%);
    background: linear-gradient(to bottom, #C3C3CF 0%, #8F97AF 50%, #637A8F 100%);
}
</style>