#B7C7B7 - #BCD9FF | 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 #B7C7B7 to #BCD9FF

#B7C7B7 #BCD9FF

Calculate the color between two colors, #B7C7B7 and #BCD9FF. 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)

#B7C7B7 - #BCD9FF | 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 #B7C7B7 as 0% and #BCD9FF as 100%.

0.0%	0.0% #B7C7B7	RGB 183 199 183	#B7C7B7
16.7%	16.7% #B7CAC3	RGB 183 202 195	#B7CAC3
33.3%	33.3% #B8CDCF	RGB 184 205 207	#B8CDCF
50.0%	50.0% #B9D0DB	RGB 185 208 219	#B9D0DB
66.7%	66.7% #BAD3E7	RGB 186 211 231	#BAD3E7
83.3%	83.3% #BBD6F3	RGB 187 214 243	#BBD6F3
100.0%	100.0% #BCD9FF	RGB 188 217 255	#BCD9FF

#B7C7B7 #B7CAC3 #B8CDCF #B9D0DB #BAD3E7 #BBD6F3 #BCD9FF

#B7C7B7 - #BCD9FF

HSV Blend

#B7C7B7 - #BCD9FF | 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 #B7C7B7 as 0% and #BCD9FF as 100%.

0.0%	0.0% #B7C7B7	RGB 183 199 183	#B7C7B7
16.7%	16.7% #B9D0BF	RGB 185 208 191	#B9D0BF
33.3%	33.3% #BAD9CA	RGB 186 217 202	#BAD9CA
50.0%	50.0% #BCE3DA	RGB 188 227 218	#BCE3DA
66.7%	66.7% #BCEAEC	RGB 188 234 236	#BCEAEC
83.3%	83.3% #BCE4F5	RGB 188 228 245	#BCE4F5
100.0%	100.0% #BCD9FF	RGB 188 217 255	#BCD9FF

#B7C7B7 #B9D0BF #BAD9CA #BCE3DA #BCEAEC #BCE4F5 #BCD9FF

#B7C7B7 - #BCE3DA - #BCD9FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7C7B7 0%, #BCE3DA 50%, #BCD9FF 100%);
    background: -webkit-linear-gradient(top, #B7C7B7 0%, #BCE3DA 50%, #BCD9FF 100%);
    background: linear-gradient(to bottom, #B7C7B7 0%, #BCE3DA 50%, #BCD9FF 100%);
}
</style>