#5E9FB4 - #BDC8C9 | 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 #5E9FB4 to #BDC8C9

#5E9FB4 #BDC8C9

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

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

0.0%	0.0% #5E9FB4	RGB 94 159 180	#5E9FB4
16.7%	16.7% #6DA5B7	RGB 109 165 183	#6DA5B7
33.3%	33.3% #7DACBB	RGB 125 172 187	#7DACBB
50.0%	50.0% #8DB3BE	RGB 141 179 190	#8DB3BE
66.7%	66.7% #9DBAC2	RGB 157 186 194	#9DBAC2
83.3%	83.3% #ADC1C5	RGB 173 193 197	#ADC1C5
100.0%	100.0% #BDC8C9	RGB 189 200 201	#BDC8C9

#5E9FB4 #6DA5B7 #7DACBB #8DB3BE #9DBAC2 #ADC1C5 #BDC8C9

#5E9FB4 - #BDC8C9

HSV Blend

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

0.0%	0.0% #5E9EB4	RGB 94 158 180	#5E9EB4
16.7%	16.7% #6CA7B7	RGB 108 167 183	#6CA7B7
33.3%	33.3% #7BAEBB	RGB 123 174 187	#7BAEBB
50.0%	50.0% #8BB6BE	RGB 139 182 190	#8BB6BE
66.7%	66.7% #9BBCC2	RGB 155 188 194	#9BBCC2
83.3%	83.3% #ABC2C5	RGB 171 194 197	#ABC2C5
100.0%	100.0% #BDC8C9	RGB 189 200 201	#BDC8C9

#5E9EB4 #6CA7B7 #7BAEBB #8BB6BE #9BBCC2 #ABC2C5 #BDC8C9

#5E9FB4 - #8BB6BE - #BDC8C9

CSS codes

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

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