#C0CCCD - #747A8E | 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 #747A8E

#C0CCCD #747A8E

Calculate the color between two colors, #C0CCCD and #747A8E. 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 - #747A8E | 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 #747A8E as 100%.

0.0%	0.0% #C0CCCD	RGB 192 204 205	#C0CCCD
16.7%	16.7% #B3BEC2	RGB 179 190 194	#B3BEC2
33.3%	33.3% #A6B0B8	RGB 166 176 184	#A6B0B8
50.0%	50.0% #9AA3AD	RGB 154 163 173	#9AA3AD
66.7%	66.7% #8D95A3	RGB 141 149 163	#8D95A3
83.3%	83.3% #808798	RGB 128 135 152	#808798
100.0%	100.0% #747A8E	RGB 116 122 142	#747A8E

#C0CCCD #B3BEC2 #A6B0B8 #9AA3AD #8D95A3 #808798 #747A8E

#C0CCCD - #747A8E

HSV Blend

#C0CCCD - #747A8E | 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 #747A8E as 100%.

0.0%	0.0% #C0CCCD	RGB 192 204 205	#C0CCCD
16.7%	16.7% #B2BFC2	RGB 178 191 194	#B2BFC2
33.3%	33.3% #A4B2B8	RGB 164 178 184	#A4B2B8
50.0%	50.0% #98A4AD	RGB 152 164 173	#98A4AD
66.7%	66.7% #8B96A3	RGB 139 150 163	#8B96A3
83.3%	83.3% #7F8898	RGB 127 136 152	#7F8898
100.0%	100.0% #747A8E	RGB 116 122 142	#747A8E

#C0CCCD #B2BFC2 #A4B2B8 #98A4AD #8B96A3 #7F8898 #747A8E

#C0CCCD - #98A4AD - #747A8E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCCD 0%, #98A4AD 50%, #747A8E 100%);
    background: -webkit-linear-gradient(top, #C0CCCD 0%, #98A4AD 50%, #747A8E 100%);
    background: linear-gradient(to bottom, #C0CCCD 0%, #98A4AD 50%, #747A8E 100%);
}
</style>