#C3C7CF - #64868F | 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 #C3C7CF to #64868F

#C3C7CF #64868F

Calculate the color between two colors, #C3C7CF and #64868F. 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)

#C3C7CF - #64868F | 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 #C3C7CF as 0% and #64868F as 100%.

0.0%	0.0% #C3C7CF	RGB 195 199 207	#C3C7CF
16.7%	16.7% #B3BCC4	RGB 179 188 196	#B3BCC4
33.3%	33.3% #A3B1B9	RGB 163 177 185	#A3B1B9
50.0%	50.0% #93A6AF	RGB 147 166 175	#93A6AF
66.7%	66.7% #839BA4	RGB 131 155 164	#839BA4
83.3%	83.3% #739099	RGB 115 144 153	#739099
100.0%	100.0% #64868F	RGB 100 134 143	#64868F

#C3C7CF #B3BCC4 #A3B1B9 #93A6AF #839BA4 #739099 #64868F

#C3C7CF - #64868F

HSV Blend

#C3C7CF - #64868F | 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 #C3C7CF as 0% and #64868F as 100%.

0.0%	0.0% #C3C7CF	RGB 195 199 207	#C3C7CF
16.7%	16.7% #B1B8C4	RGB 177 184 196	#B1B8C4
33.3%	33.3% #9FACB9	RGB 159 172 185	#9FACB9
50.0%	50.0% #8FA1AF	RGB 143 161 175	#8FA1AF
66.7%	66.7% #8097A4	RGB 128 151 164	#8097A4
83.3%	83.3% #718E99	RGB 113 142 153	#718E99
100.0%	100.0% #64868F	RGB 100 134 143	#64868F

#C3C7CF #B1B8C4 #9FACB9 #8FA1AF #8097A4 #718E99 #64868F

#C3C7CF - #8FA1AF - #64868F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C7CF 0%, #8FA1AF 50%, #64868F 100%);
    background: -webkit-linear-gradient(top, #C3C7CF 0%, #8FA1AF 50%, #64868F 100%);
    background: linear-gradient(to bottom, #C3C7CF 0%, #8FA1AF 50%, #64868F 100%);
}
</style>