#5E86AE - #C0C5C4 | 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 #5E86AE to #C0C5C4

#5E86AE #C0C5C4

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

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

0.0%	0.0% #5E86AE	RGB 94 134 174	#5E86AE
16.7%	16.7% #6E90B1	RGB 110 144 177	#6E90B1
33.3%	33.3% #7E9BB5	RGB 126 155 181	#7E9BB5
50.0%	50.0% #8FA5B9	RGB 143 165 185	#8FA5B9
66.7%	66.7% #9FB0BC	RGB 159 176 188	#9FB0BC
83.3%	83.3% #AFBAC0	RGB 175 186 192	#AFBAC0
100.0%	100.0% #C0C5C4	RGB 192 197 196	#C0C5C4

#5E86AE #6E90B1 #7E9BB5 #8FA5B9 #9FB0BC #AFBAC0 #C0C5C4

#5E86AE - #C0C5C4

HSV Blend

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

0.0%	0.0% #5E86AE	RGB 94 134 174	#5E86AE
16.7%	16.7% #6C97B1	RGB 108 151 177	#6C97B1
33.3%	33.3% #7CA6B5	RGB 124 166 181	#7CA6B5
50.0%	50.0% #8CB2B9	RGB 140 178 185	#8CB2B9
66.7%	66.7% #9DBCBD	RGB 157 188 189	#9DBCBD
83.3%	83.3% #AEC1BF	RGB 174 193 191	#AEC1BF
100.0%	100.0% #C0C5C4	RGB 192 197 196	#C0C5C4

#5E86AE #6C97B1 #7CA6B5 #8CB2B9 #9DBCBD #AEC1BF #C0C5C4

#5E86AE - #8CB2B9 - #C0C5C4

CSS codes

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

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