#C9C9CC - #6A838B | 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 #C9C9CC to #6A838B

#C9C9CC #6A838B

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

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

0.0%	0.0% #C9C9CC	RGB 201 201 204	#C9C9CC
16.7%	16.7% #B9BDC1	RGB 185 189 193	#B9BDC1
33.3%	33.3% #A9B1B6	RGB 169 177 182	#A9B1B6
50.0%	50.0% #99A6AB	RGB 153 166 171	#99A6AB
66.7%	66.7% #899AA0	RGB 137 154 160	#899AA0
83.3%	83.3% #798E95	RGB 121 142 149	#798E95
100.0%	100.0% #6A838B	RGB 106 131 139	#6A838B

#C9C9CC #B9BDC1 #A9B1B6 #99A6AB #899AA0 #798E95 #6A838B

#C9C9CC - #6A838B

HSV Blend

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

0.0%	0.0% #C9C9CC	RGB 201 201 204	#C9C9CC
16.7%	16.7% #B7B8C1	RGB 183 184 193	#B7B8C1
33.3%	33.3% #A6AAB6	RGB 166 170 182	#A6AAB6
50.0%	50.0% #959EAB	RGB 149 158 171	#959EAB
66.7%	66.7% #8693A0	RGB 134 147 160	#8693A0
83.3%	83.3% #778A95	RGB 119 138 149	#778A95
100.0%	100.0% #6A838B	RGB 106 131 139	#6A838B

#C9C9CC #B7B8C1 #A6AAB6 #959EAB #8693A0 #778A95 #6A838B

#C9C9CC - #959EAB - #6A838B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C9CC 0%, #959EAB 50%, #6A838B 100%);
    background: -webkit-linear-gradient(top, #C9C9CC 0%, #959EAB 50%, #6A838B 100%);
    background: linear-gradient(to bottom, #C9C9CC 0%, #959EAB 50%, #6A838B 100%);
}
</style>