#BFE2FF - #547BD0 | 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 #BFE2FF to #547BD0

#BFE2FF #547BD0

Calculate the color between two colors, #BFE2FF and #547BD0. 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)

#BFE2FF - #547BD0 | 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 #BFE2FF as 0% and #547BD0 as 100%.

0.0%	0.0% #BFE2FF	RGB 191 226 255	#BFE2FF
16.7%	16.7% #ADD0F7	RGB 173 208 247	#ADD0F7
33.3%	33.3% #9BBFEF	RGB 155 191 239	#9BBFEF
50.0%	50.0% #89AEE7	RGB 137 174 231	#89AEE7
66.7%	66.7% #779DDF	RGB 119 157 223	#779DDF
83.3%	83.3% #658CD7	RGB 101 140 215	#658CD7
100.0%	100.0% #547BD0	RGB 84 123 208	#547BD0

#BFE2FF #ADD0F7 #9BBFEF #89AEE7 #779DDF #658CD7 #547BD0

#BFE2FF - #547BD0

HSV Blend

#BFE2FF - #547BD0 | 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 #BFE2FF as 0% and #547BD0 as 100%.

0.0%	0.0% #BFE2FF	RGB 191 226 255	#BFE2FF
16.7%	16.7% #AAD1F7	RGB 170 209 247	#AAD1F7
33.3%	33.3% #97C0EF	RGB 151 192 239	#97C0EF
50.0%	50.0% #85AFE7	RGB 133 175 231	#85AFE7
66.7%	66.7% #749EDF	RGB 116 158 223	#749EDF
83.3%	83.3% #638CD7	RGB 99 140 215	#638CD7
100.0%	100.0% #547BD0	RGB 84 123 208	#547BD0

#BFE2FF #AAD1F7 #97C0EF #85AFE7 #749EDF #638CD7 #547BD0

#BFE2FF - #85AFE7 - #547BD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFE2FF 0%, #85AFE7 50%, #547BD0 100%);
    background: -webkit-linear-gradient(top, #BFE2FF 0%, #85AFE7 50%, #547BD0 100%);
    background: linear-gradient(to bottom, #BFE2FF 0%, #85AFE7 50%, #547BD0 100%);
}
</style>