#C0CDCC - #696D8C | 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 #C0CDCC to #696D8C

#C0CDCC #696D8C

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

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

0.0%	0.0% #C0CDCC	RGB 192 205 204	#C0CDCC
16.7%	16.7% #B1BDC1	RGB 177 189 193	#B1BDC1
33.3%	33.3% #A3ADB6	RGB 163 173 182	#A3ADB6
50.0%	50.0% #949DAC	RGB 148 157 172	#949DAC
66.7%	66.7% #868DA1	RGB 134 141 161	#868DA1
83.3%	83.3% #777D96	RGB 119 125 150	#777D96
100.0%	100.0% #696D8C	RGB 105 109 140	#696D8C

#C0CDCC #B1BDC1 #A3ADB6 #949DAC #868DA1 #777D96 #696D8C

#C0CDCC - #696D8C

HSV Blend

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

0.0%	0.0% #C0CDCC	RGB 192 205 204	#C0CDCC
16.7%	16.7% #AFC0C2	RGB 175 192 194	#AFC0C2
33.3%	33.3% #A0B1B7	RGB 160 177 183	#A0B1B7
50.0%	50.0% #91A1AC	RGB 145 161 172	#91A1AC
66.7%	66.7% #8390A1	RGB 131 144 161	#8390A1
83.3%	83.3% #757E96	RGB 117 126 150	#757E96
100.0%	100.0% #696D8C	RGB 105 109 140	#696D8C

#C0CDCC #AFC0C2 #A0B1B7 #91A1AC #8390A1 #757E96 #696D8C

#C0CDCC - #91A1AC - #696D8C

CSS codes

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

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