#5E82A6 - #C0C2BF | 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 #5E82A6 to #C0C2BF

#5E82A6 #C0C2BF

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

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

0.0%	0.0% #5E82A6	RGB 94 130 166	#5E82A6
16.7%	16.7% #6E8CAA	RGB 110 140 170	#6E8CAA
33.3%	33.3% #7E97AE	RGB 126 151 174	#7E97AE
50.0%	50.0% #8FA2B2	RGB 143 162 178	#8FA2B2
66.7%	66.7% #9FACB6	RGB 159 172 182	#9FACB6
83.3%	83.3% #AFB7BA	RGB 175 183 186	#AFB7BA
100.0%	100.0% #C0C2BF	RGB 192 194 191	#C0C2BF

#5E82A6 #6E8CAA #7E97AE #8FA2B2 #9FACB6 #AFB7BA #C0C2BF

#5E82A6 - #C0C2BF

HSV Blend

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

0.0%	0.0% #5E82A6	RGB 94 130 166	#5E82A6
16.7%	16.7% #6C9EAA	RGB 108 158 170	#6C9EAA
33.3%	33.3% #7BAFA9	RGB 123 175 169	#7BAFA9
50.0%	50.0% #8BB4A3	RGB 139 180 163	#8BB4A3
66.7%	66.7% #9CB8A4	RGB 156 184 164	#9CB8A4
83.3%	83.3% #ADBDAD	RGB 173 189 173	#ADBDAD
100.0%	100.0% #C0C2BF	RGB 192 194 191	#C0C2BF

#5E82A6 #6C9EAA #7BAFA9 #8BB4A3 #9CB8A4 #ADBDAD #C0C2BF

#5E82A6 - #8BB4A3 - #C0C2BF

CSS codes

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

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