#C0C5CC - #69788C | 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 #C0C5CC to #69788C

#C0C5CC #69788C

Calculate the color between two colors, #C0C5CC and #69788C. 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)

#C0C5CC - #69788C | 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 #C0C5CC as 0% and #69788C as 100%.

0.0%	0.0% #C0C5CC	RGB 192 197 204	#C0C5CC
16.7%	16.7% #B1B8C1	RGB 177 184 193	#B1B8C1
33.3%	33.3% #A3ABB6	RGB 163 171 182	#A3ABB6
50.0%	50.0% #949EAC	RGB 148 158 172	#949EAC
66.7%	66.7% #8691A1	RGB 134 145 161	#8691A1
83.3%	83.3% #778496	RGB 119 132 150	#778496
100.0%	100.0% #69788C	RGB 105 120 140	#69788C

#C0C5CC #B1B8C1 #A3ABB6 #949EAC #8691A1 #778496 #69788C

#C0C5CC - #69788C

HSV Blend

#C0C5CC - #69788C | 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 #C0C5CC as 0% and #69788C as 100%.

0.0%	0.0% #C0C5CC	RGB 192 197 204	#C0C5CC
16.7%	16.7% #AFB7C1	RGB 175 183 193	#AFB7C1
33.3%	33.3% #A0A9B6	RGB 160 169 182	#A0A9B6
50.0%	50.0% #919CAC	RGB 145 156 172	#919CAC
66.7%	66.7% #8390A1	RGB 131 144 161	#8390A1
83.3%	83.3% #758396	RGB 117 131 150	#758396
100.0%	100.0% #69788C	RGB 105 120 140	#69788C

#C0C5CC #AFB7C1 #A0A9B6 #919CAC #8390A1 #758396 #69788C

#C0C5CC - #919CAC - #69788C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C5CC 0%, #919CAC 50%, #69788C 100%);
    background: -webkit-linear-gradient(top, #C0C5CC 0%, #919CAC 50%, #69788C 100%);
    background: linear-gradient(to bottom, #C0C5CC 0%, #919CAC 50%, #69788C 100%);
}
</style>