#5E86B0 - #BFC5C6 | 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 #5E86B0 to #BFC5C6

#5E86B0 #BFC5C6

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

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

0.0%	0.0% #5E86B0	RGB 94 134 176	#5E86B0
16.7%	16.7% #6E90B3	RGB 110 144 179	#6E90B3
33.3%	33.3% #7E9BB7	RGB 126 155 183	#7E9BB7
50.0%	50.0% #8EA5BB	RGB 142 165 187	#8EA5BB
66.7%	66.7% #9EB0BE	RGB 158 176 190	#9EB0BE
83.3%	83.3% #AEBAC2	RGB 174 186 194	#AEBAC2
100.0%	100.0% #BFC5C6	RGB 191 197 198	#BFC5C6

#5E86B0 #6E90B3 #7E9BB7 #8EA5BB #9EB0BE #AEBAC2 #BFC5C6

#5E86B0 - #BFC5C6

HSV Blend

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

0.0%	0.0% #5E86B0	RGB 94 134 176	#5E86B0
16.7%	16.7% #6C93B3	RGB 108 147 179	#6C93B3
33.3%	33.3% #7CA0B7	RGB 124 160 183	#7CA0B7
50.0%	50.0% #8CABBB	RGB 140 171 187	#8CABBB
66.7%	66.7% #9CB5BE	RGB 156 181 190	#9CB5BE
83.3%	83.3% #ADBEC2	RGB 173 190 194	#ADBEC2
100.0%	100.0% #BFC5C6	RGB 191 197 198	#BFC5C6

#5E86B0 #6C93B3 #7CA0B7 #8CABBB #9CB5BE #ADBEC2 #BFC5C6

#5E86B0 - #8CABBB - #BFC5C6

CSS codes

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

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