#C0CCCD - #696F8C | 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 #C0CCCD to #696F8C

#C0CCCD #696F8C

Calculate the color between two colors, #C0CCCD and #696F8C. 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)

#C0CCCD - #696F8C | 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 #C0CCCD as 0% and #696F8C as 100%.

0.0%	0.0% #C0CCCD	RGB 192 204 205	#C0CCCD
16.7%	16.7% #B1BCC2	RGB 177 188 194	#B1BCC2
33.3%	33.3% #A3ADB7	RGB 163 173 183	#A3ADB7
50.0%	50.0% #949DAC	RGB 148 157 172	#949DAC
66.7%	66.7% #868EA1	RGB 134 142 161	#868EA1
83.3%	83.3% #777E96	RGB 119 126 150	#777E96
100.0%	100.0% #696F8C	RGB 105 111 140	#696F8C

#C0CCCD #B1BCC2 #A3ADB7 #949DAC #868EA1 #777E96 #696F8C

#C0CCCD - #696F8C

HSV Blend

#C0CCCD - #696F8C | 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 #C0CCCD as 0% and #696F8C as 100%.

0.0%	0.0% #C0CCCD	RGB 192 204 205	#C0CCCD
16.7%	16.7% #AFBEC2	RGB 175 190 194	#AFBEC2
33.3%	33.3% #A0AFB7	RGB 160 175 183	#A0AFB7
50.0%	50.0% #91A0AC	RGB 145 160 172	#91A0AC
66.7%	66.7% #8390A1	RGB 131 144 161	#8390A1
83.3%	83.3% #757F96	RGB 117 127 150	#757F96
100.0%	100.0% #696F8C	RGB 105 111 140	#696F8C

#C0CCCD #AFBEC2 #A0AFB7 #91A0AC #8390A1 #757F96 #696F8C

#C0CCCD - #91A0AC - #696F8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCCD 0%, #91A0AC 50%, #696F8C 100%);
    background: -webkit-linear-gradient(top, #C0CCCD 0%, #91A0AC 50%, #696F8C 100%);
    background: linear-gradient(to bottom, #C0CCCD 0%, #91A0AC 50%, #696F8C 100%);
}
</style>