#C9C8CE - #69758E | 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 #C9C8CE to #69758E

#C9C8CE #69758E

Calculate the color between two colors, #C9C8CE and #69758E. 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)

#C9C8CE - #69758E | 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 #C9C8CE as 0% and #69758E as 100%.

0.0%	0.0% #C9C8CE	RGB 201 200 206	#C9C8CE
16.7%	16.7% #B9BAC3	RGB 185 186 195	#B9BAC3
33.3%	33.3% #A9ACB8	RGB 169 172 184	#A9ACB8
50.0%	50.0% #999EAE	RGB 153 158 174	#999EAE
66.7%	66.7% #8990A3	RGB 137 144 163	#8990A3
83.3%	83.3% #798298	RGB 121 130 152	#798298
100.0%	100.0% #69758E	RGB 105 117 142	#69758E

#C9C8CE #B9BAC3 #A9ACB8 #999EAE #8990A3 #798298 #69758E

#C9C8CE - #69758E

HSV Blend

#C9C8CE - #69758E | 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 #C9C8CE as 0% and #69758E as 100%.

0.0%	0.0% #C9C8CE	RGB 201 200 206	#C9C8CE
16.7%	16.7% #B7B6C3	RGB 183 182 195	#B7B6C3
33.3%	33.3% #A5A5B8	RGB 165 165 184	#A5A5B8
50.0%	50.0% #9496AE	RGB 148 150 174	#9496AE
66.7%	66.7% #858AA3	RGB 133 138 163	#858AA3
83.3%	83.3% #767E98	RGB 118 126 152	#767E98
100.0%	100.0% #69758E	RGB 105 117 142	#69758E

#C9C8CE #B7B6C3 #A5A5B8 #9496AE #858AA3 #767E98 #69758E

#C9C8CE - #9496AE - #69758E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C8CE 0%, #9496AE 50%, #69758E 100%);
    background: -webkit-linear-gradient(top, #C9C8CE 0%, #9496AE 50%, #69758E 100%);
    background: linear-gradient(to bottom, #C9C8CE 0%, #9496AE 50%, #69758E 100%);
}
</style>