#C0C0CE - #5F778E | 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 #C0C0CE to #5F778E

#C0C0CE #5F778E

Calculate the color between two colors, #C0C0CE and #5F778E. 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)

#C0C0CE - #5F778E | 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 #C0C0CE as 0% and #5F778E as 100%.

0.0%	0.0% #C0C0CE	RGB 192 192 206	#C0C0CE
16.7%	16.7% #AFB3C3	RGB 175 179 195	#AFB3C3
33.3%	33.3% #9FA7B8	RGB 159 167 184	#9FA7B8
50.0%	50.0% #8F9BAE	RGB 143 155 174	#8F9BAE
66.7%	66.7% #7F8FA3	RGB 127 143 163	#7F8FA3
83.3%	83.3% #6F8398	RGB 111 131 152	#6F8398
100.0%	100.0% #5F778E	RGB 95 119 142	#5F778E

#C0C0CE #AFB3C3 #9FA7B8 #8F9BAE #7F8FA3 #6F8398 #5F778E

#C0C0CE - #5F778E

HSV Blend

#C0C0CE - #5F778E | 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 #C0C0CE as 0% and #5F778E as 100%.

0.0%	0.0% #C0C0CE	RGB 192 192 206	#C0C0CE
16.7%	16.7% #ADAFC3	RGB 173 175 195	#ADAFC3
33.3%	33.3% #9BA0B8	RGB 155 160 184	#9BA0B8
50.0%	50.0% #8B94AE	RGB 139 148 174	#8B94AE
66.7%	66.7% #7B89A3	RGB 123 137 163	#7B89A3
83.3%	83.3% #6C7F98	RGB 108 127 152	#6C7F98
100.0%	100.0% #5F778E	RGB 95 119 142	#5F778E

#C0C0CE #ADAFC3 #9BA0B8 #8B94AE #7B89A3 #6C7F98 #5F778E

#C0C0CE - #8B94AE - #5F778E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C0CE 0%, #8B94AE 50%, #5F778E 100%);
    background: -webkit-linear-gradient(top, #C0C0CE 0%, #8B94AE 50%, #5F778E 100%);
    background: linear-gradient(to bottom, #C0C0CE 0%, #8B94AE 50%, #5F778E 100%);
}
</style>