#C8C8CF - #6F778F | 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 #C8C8CF to #6F778F

#C8C8CF #6F778F

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

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

0.0%	0.0% #C8C8CF	RGB 200 200 207	#C8C8CF
16.7%	16.7% #B9BAC4	RGB 185 186 196	#B9BAC4
33.3%	33.3% #AAADB9	RGB 170 173 185	#AAADB9
50.0%	50.0% #9B9FAF	RGB 155 159 175	#9B9FAF
66.7%	66.7% #8C92A4	RGB 140 146 164	#8C92A4
83.3%	83.3% #7D8499	RGB 125 132 153	#7D8499
100.0%	100.0% #6F778F	RGB 111 119 143	#6F778F

#C8C8CF #B9BAC4 #AAADB9 #9B9FAF #8C92A4 #7D8499 #6F778F

#C8C8CF - #6F778F

HSV Blend

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

0.0%	0.0% #C8C8CF	RGB 200 200 207	#C8C8CF
16.7%	16.7% #B7B8C4	RGB 183 184 196	#B7B8C4
33.3%	33.3% #A7A9B9	RGB 167 169 185	#A7A9B9
50.0%	50.0% #989BAF	RGB 152 155 175	#989BAF
66.7%	66.7% #898EA4	RGB 137 142 164	#898EA4
83.3%	83.3% #7C8299	RGB 124 130 153	#7C8299
100.0%	100.0% #6F778F	RGB 111 119 143	#6F778F

#C8C8CF #B7B8C4 #A7A9B9 #989BAF #898EA4 #7C8299 #6F778F

#C8C8CF - #989BAF - #6F778F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8CF 0%, #989BAF 50%, #6F778F 100%);
    background: -webkit-linear-gradient(top, #C8C8CF 0%, #989BAF 50%, #6F778F 100%);
    background: linear-gradient(to bottom, #C8C8CF 0%, #989BAF 50%, #6F778F 100%);
}
</style>