#C0C7C9 - #657DA3 | 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 #C0C7C9 to #657DA3

#C0C7C9 #657DA3

Calculate the color between two colors, #C0C7C9 and #657DA3. 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)

#C0C7C9 - #657DA3 | 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 #C0C7C9 as 0% and #657DA3 as 100%.

0.0%	0.0% #C0C7C9	RGB 192 199 201	#C0C7C9
16.7%	16.7% #B0BAC2	RGB 176 186 194	#B0BAC2
33.3%	33.3% #A1AEBC	RGB 161 174 188	#A1AEBC
50.0%	50.0% #92A2B6	RGB 146 162 182	#92A2B6
66.7%	66.7% #8395AF	RGB 131 149 175	#8395AF
83.3%	83.3% #7489A9	RGB 116 137 169	#7489A9
100.0%	100.0% #657DA3	RGB 101 125 163	#657DA3

#C0C7C9 #B0BAC2 #A1AEBC #92A2B6 #8395AF #7489A9 #657DA3

#C0C7C9 - #657DA3

HSV Blend

#C0C7C9 - #657DA3 | 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 #C0C7C9 as 0% and #657DA3 as 100%.

0.0%	0.0% #C0C7C9	RGB 192 199 201	#C0C7C9
16.7%	16.7% #AFBDC2	RGB 175 189 194	#AFBDC2
33.3%	33.3% #9EB1BC	RGB 158 177 188	#9EB1BC
50.0%	50.0% #8FA5B6	RGB 143 165 182	#8FA5B6
66.7%	66.7% #8098AF	RGB 128 152 175	#8098AF
83.3%	83.3% #728BA9	RGB 114 139 169	#728BA9
100.0%	100.0% #657DA3	RGB 101 125 163	#657DA3

#C0C7C9 #AFBDC2 #9EB1BC #8FA5B6 #8098AF #728BA9 #657DA3

#C0C7C9 - #8FA5B6 - #657DA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C7C9 0%, #8FA5B6 50%, #657DA3 100%);
    background: -webkit-linear-gradient(top, #C0C7C9 0%, #8FA5B6 50%, #657DA3 100%);
    background: linear-gradient(to bottom, #C0C7C9 0%, #8FA5B6 50%, #657DA3 100%);
}
</style>