#BCD5E4 - #6589AE | 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 #BCD5E4 to #6589AE

#BCD5E4 #6589AE

Calculate the color between two colors, #BCD5E4 and #6589AE. 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)

#BCD5E4 - #6589AE | 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 #BCD5E4 as 0% and #6589AE as 100%.

0.0%	0.0% #BCD5E4	RGB 188 213 228	#BCD5E4
16.7%	16.7% #ADC8DB	RGB 173 200 219	#ADC8DB
33.3%	33.3% #9FBBD2	RGB 159 187 210	#9FBBD2
50.0%	50.0% #90AFC9	RGB 144 175 201	#90AFC9
66.7%	66.7% #82A2C0	RGB 130 162 192	#82A2C0
83.3%	83.3% #7395B7	RGB 115 149 183	#7395B7
100.0%	100.0% #6589AE	RGB 101 137 174	#6589AE

#BCD5E4 #ADC8DB #9FBBD2 #90AFC9 #82A2C0 #7395B7 #6589AE

#BCD5E4 - #6589AE

HSV Blend

#BCD5E4 - #6589AE | 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 #BCD5E4 as 0% and #6589AE as 100%.

0.0%	0.0% #BCD5E4	RGB 188 213 228	#BCD5E4
16.7%	16.7% #ABC8DB	RGB 171 200 219	#ABC8DB
33.3%	33.3% #9CBBD2	RGB 156 187 210	#9CBBD2
50.0%	50.0% #8DAEC9	RGB 141 174 201	#8DAEC9
66.7%	66.7% #7FA1C0	RGB 127 161 192	#7FA1C0
83.3%	83.3% #7195B7	RGB 113 149 183	#7195B7
100.0%	100.0% #6589AE	RGB 101 137 174	#6589AE

#BCD5E4 #ABC8DB #9CBBD2 #8DAEC9 #7FA1C0 #7195B7 #6589AE

#BCD5E4 - #8DAEC9 - #6589AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCD5E4 0%, #8DAEC9 50%, #6589AE 100%);
    background: -webkit-linear-gradient(top, #BCD5E4 0%, #8DAEC9 50%, #6589AE 100%);
    background: linear-gradient(to bottom, #BCD5E4 0%, #8DAEC9 50%, #6589AE 100%);
}
</style>