#C3C7CE - #6B7B8E | 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 #C3C7CE to #6B7B8E

#C3C7CE #6B7B8E

Calculate the color between two colors, #C3C7CE and #6B7B8E. 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)

#C3C7CE - #6B7B8E | 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 #C3C7CE as 0% and #6B7B8E as 100%.

0.0%	0.0% #C3C7CE	RGB 195 199 206	#C3C7CE
16.7%	16.7% #B4BAC3	RGB 180 186 195	#B4BAC3
33.3%	33.3% #A5ADB8	RGB 165 173 184	#A5ADB8
50.0%	50.0% #97A1AE	RGB 151 161 174	#97A1AE
66.7%	66.7% #8894A3	RGB 136 148 163	#8894A3
83.3%	83.3% #798798	RGB 121 135 152	#798798
100.0%	100.0% #6B7B8E	RGB 107 123 142	#6B7B8E

#C3C7CE #B4BAC3 #A5ADB8 #97A1AE #8894A3 #798798 #6B7B8E

#C3C7CE - #6B7B8E

HSV Blend

#C3C7CE - #6B7B8E | 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 #C3C7CE as 0% and #6B7B8E as 100%.

0.0%	0.0% #C3C7CE	RGB 195 199 206	#C3C7CE
16.7%	16.7% #B2B8C3	RGB 178 184 195	#B2B8C3
33.3%	33.3% #A2ABB8	RGB 162 171 184	#A2ABB8
50.0%	50.0% #939EAE	RGB 147 158 174	#939EAE
66.7%	66.7% #8592A3	RGB 133 146 163	#8592A3
83.3%	83.3% #778698	RGB 119 134 152	#778698
100.0%	100.0% #6B7B8E	RGB 107 123 142	#6B7B8E

#C3C7CE #B2B8C3 #A2ABB8 #939EAE #8592A3 #778698 #6B7B8E

#C3C7CE - #939EAE - #6B7B8E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C7CE 0%, #939EAE 50%, #6B7B8E 100%);
    background: -webkit-linear-gradient(top, #C3C7CE 0%, #939EAE 50%, #6B7B8E 100%);
    background: linear-gradient(to bottom, #C3C7CE 0%, #939EAE 50%, #6B7B8E 100%);
}
</style>