#C3C9CE - #6F7B8F | 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 #C3C9CE to #6F7B8F

#C3C9CE #6F7B8F

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

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

0.0%	0.0% #C3C9CE	RGB 195 201 206	#C3C9CE
16.7%	16.7% #B5BCC3	RGB 181 188 195	#B5BCC3
33.3%	33.3% #A7AFB9	RGB 167 175 185	#A7AFB9
50.0%	50.0% #99A2AE	RGB 153 162 174	#99A2AE
66.7%	66.7% #8B95A4	RGB 139 149 164	#8B95A4
83.3%	83.3% #7D8899	RGB 125 136 153	#7D8899
100.0%	100.0% #6F7B8F	RGB 111 123 143	#6F7B8F

#C3C9CE #B5BCC3 #A7AFB9 #99A2AE #8B95A4 #7D8899 #6F7B8F

#C3C9CE - #6F7B8F

HSV Blend

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

0.0%	0.0% #C3C9CE	RGB 195 201 206	#C3C9CE
16.7%	16.7% #B3BBC3	RGB 179 187 195	#B3BBC3
33.3%	33.3% #A4AEB9	RGB 164 174 185	#A4AEB9
50.0%	50.0% #96A1AE	RGB 150 161 174	#96A1AE
66.7%	66.7% #8894A4	RGB 136 148 164	#8894A4
83.3%	83.3% #7B8799	RGB 123 135 153	#7B8799
100.0%	100.0% #6F7B8F	RGB 111 123 143	#6F7B8F

#C3C9CE #B3BBC3 #A4AEB9 #96A1AE #8894A4 #7B8799 #6F7B8F

#C3C9CE - #96A1AE - #6F7B8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C9CE 0%, #96A1AE 50%, #6F7B8F 100%);
    background: -webkit-linear-gradient(top, #C3C9CE 0%, #96A1AE 50%, #6F7B8F 100%);
    background: linear-gradient(to bottom, #C3C9CE 0%, #96A1AE 50%, #6F7B8F 100%);
}
</style>