#BBD0E7 - #5A8CB0 | 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 #BBD0E7 to #5A8CB0

#BBD0E7 #5A8CB0

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

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

0.0%	0.0% #BBD0E7	RGB 187 208 231	#BBD0E7
16.7%	16.7% #AAC4DD	RGB 170 196 221	#AAC4DD
33.3%	33.3% #9AB9D4	RGB 154 185 212	#9AB9D4
50.0%	50.0% #8AAECB	RGB 138 174 203	#8AAECB
66.7%	66.7% #7AA2C2	RGB 122 162 194	#7AA2C2
83.3%	83.3% #6A97B9	RGB 106 151 185	#6A97B9
100.0%	100.0% #5A8CB0	RGB 90 140 176	#5A8CB0

#BBD0E7 #AAC4DD #9AB9D4 #8AAECB #7AA2C2 #6A97B9 #5A8CB0

#BBD0E7 - #5A8CB0

HSV Blend

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

0.0%	0.0% #BBD0E7	RGB 187 208 231	#BBD0E7
16.7%	16.7% #A8C2DD	RGB 168 194 221	#A8C2DD
33.3%	33.3% #97B6D4	RGB 151 182 212	#97B6D4
50.0%	50.0% #86AACB	RGB 134 170 203	#86AACB
66.7%	66.7% #76A0C2	RGB 118 160 194	#76A0C2
83.3%	83.3% #6795B9	RGB 103 149 185	#6795B9
100.0%	100.0% #5A8CB0	RGB 90 140 176	#5A8CB0

#BBD0E7 #A8C2DD #97B6D4 #86AACB #76A0C2 #6795B9 #5A8CB0

#BBD0E7 - #86AACB - #5A8CB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBD0E7 0%, #86AACB 50%, #5A8CB0 100%);
    background: -webkit-linear-gradient(top, #BBD0E7 0%, #86AACB 50%, #5A8CB0 100%);
    background: linear-gradient(to bottom, #BBD0E7 0%, #86AACB 50%, #5A8CB0 100%);
}
</style>