#B9C7E2 - #DEE1E1 | 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 #B9C7E2 to #DEE1E1

#B9C7E2 #DEE1E1

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

#B9C7E2 - #DEE1E1 | 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 #B9C7E2 as 0% and #DEE1E1 as 100%.

0.0%	0.0% #B9C7E2	RGB 185 199 226	#B9C7E2
16.7%	16.7% #BFCBE1	RGB 191 203 225	#BFCBE1
33.3%	33.3% #C5CFE1	RGB 197 207 225	#C5CFE1
50.0%	50.0% #CBD4E1	RGB 203 212 225	#CBD4E1
66.7%	66.7% #D1D8E1	RGB 209 216 225	#D1D8E1
83.3%	83.3% #D7DCE1	RGB 215 220 225	#D7DCE1
100.0%	100.0% #DEE1E1	RGB 222 225 225	#DEE1E1

#B9C7E2 #BFCBE1 #C5CFE1 #CBD4E1 #D1D8E1 #D7DCE1 #DEE1E1

#B9C7E2 - #DEE1E1

HSV Blend

#B9C7E2 - #DEE1E1 | 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 #B9C7E2 as 0% and #DEE1E1 as 100%.

0.0%	0.0% #B9C7E2	RGB 185 199 226	#B9C7E2
16.7%	16.7% #BFCEE1	RGB 191 206 225	#BFCEE1
33.3%	33.3% #C5D5E1	RGB 197 213 225	#C5D5E1
50.0%	50.0% #CBDAE1	RGB 203 218 225	#CBDAE1
66.7%	66.7% #D1DDE1	RGB 209 221 225	#D1DDE1
83.3%	83.3% #D7E0E1	RGB 215 224 225	#D7E0E1
100.0%	100.0% #DEE1E1	RGB 222 225 225	#DEE1E1

#B9C7E2 #BFCEE1 #C5D5E1 #CBDAE1 #D1DDE1 #D7E0E1 #DEE1E1

#B9C7E2 - #CBDAE1 - #DEE1E1

CSS codes

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

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