#BDC9EA - #5E7AB5 | 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 #BDC9EA to #5E7AB5

#BDC9EA #5E7AB5

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

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

0.0%	0.0% #BDC9EA	RGB 189 201 234	#BDC9EA
16.7%	16.7% #ADBBE1	RGB 173 187 225	#ADBBE1
33.3%	33.3% #9DAED8	RGB 157 174 216	#9DAED8
50.0%	50.0% #8DA1CF	RGB 141 161 207	#8DA1CF
66.7%	66.7% #7D94C6	RGB 125 148 198	#7D94C6
83.3%	83.3% #6D87BD	RGB 109 135 189	#6D87BD
100.0%	100.0% #5E7AB5	RGB 94 122 181	#5E7AB5

#BDC9EA #ADBBE1 #9DAED8 #8DA1CF #7D94C6 #6D87BD #5E7AB5

#BDC9EA - #5E7AB5

HSV Blend

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

0.0%	0.0% #BDC9EA	RGB 189 201 234	#BDC9EA
16.7%	16.7% #ABB9E1	RGB 171 185 225	#ABB9E1
33.3%	33.3% #99ABD8	RGB 153 171 216	#99ABD8
50.0%	50.0% #899ECF	RGB 137 158 207	#899ECF
66.7%	66.7% #7A91C6	RGB 122 145 198	#7A91C6
83.3%	83.3% #6B85BD	RGB 107 133 189	#6B85BD
100.0%	100.0% #5E7AB5	RGB 94 122 181	#5E7AB5

#BDC9EA #ABB9E1 #99ABD8 #899ECF #7A91C6 #6B85BD #5E7AB5

#BDC9EA - #899ECF - #5E7AB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDC9EA 0%, #899ECF 50%, #5E7AB5 100%);
    background: -webkit-linear-gradient(top, #BDC9EA 0%, #899ECF 50%, #5E7AB5 100%);
    background: linear-gradient(to bottom, #BDC9EA 0%, #899ECF 50%, #5E7AB5 100%);
}
</style>