#BBD5E7 - #6389B2 | 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 #BBD5E7 to #6389B2

#BBD5E7 #6389B2

Calculate the color between two colors, #BBD5E7 and #6389B2. 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)

#BBD5E7 - #6389B2 | 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 #BBD5E7 as 0% and #6389B2 as 100%.

0.0%	0.0% #BBD5E7	RGB 187 213 231	#BBD5E7
16.7%	16.7% #ACC8DE	RGB 172 200 222	#ACC8DE
33.3%	33.3% #9DBBD5	RGB 157 187 213	#9DBBD5
50.0%	50.0% #8FAFCC	RGB 143 175 204	#8FAFCC
66.7%	66.7% #80A2C3	RGB 128 162 195	#80A2C3
83.3%	83.3% #7195BA	RGB 113 149 186	#7195BA
100.0%	100.0% #6389B2	RGB 99 137 178	#6389B2

#BBD5E7 #ACC8DE #9DBBD5 #8FAFCC #80A2C3 #7195BA #6389B2

#BBD5E7 - #6389B2

HSV Blend

#BBD5E7 - #6389B2 | 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 #BBD5E7 as 0% and #6389B2 as 100%.

0.0%	0.0% #BBD5E7	RGB 187 213 231	#BBD5E7
16.7%	16.7% #AAC8DE	RGB 170 200 222	#AAC8DE
33.3%	33.3% #9ABBD5	RGB 154 187 213	#9ABBD5
50.0%	50.0% #8BAECC	RGB 139 174 204	#8BAECC
66.7%	66.7% #7DA1C3	RGB 125 161 195	#7DA1C3
83.3%	83.3% #6F95BA	RGB 111 149 186	#6F95BA
100.0%	100.0% #6389B2	RGB 99 137 178	#6389B2

#BBD5E7 #AAC8DE #9ABBD5 #8BAECC #7DA1C3 #6F95BA #6389B2

#BBD5E7 - #8BAECC - #6389B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBD5E7 0%, #8BAECC 50%, #6389B2 100%);
    background: -webkit-linear-gradient(top, #BBD5E7 0%, #8BAECC 50%, #6389B2 100%);
    background: linear-gradient(to bottom, #BBD5E7 0%, #8BAECC 50%, #6389B2 100%);
}
</style>