#B8C9E7 - #DEE2E4 | 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 #B8C9E7 to #DEE2E4

#B8C9E7 #DEE2E4

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

#B8C9E7 - #DEE2E4 | 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 #B8C9E7 as 0% and #DEE2E4 as 100%.

0.0%	0.0% #B8C9E7	RGB 184 201 231	#B8C9E7
16.7%	16.7% #BECDE6	RGB 190 205 230	#BECDE6
33.3%	33.3% #C4D1E6	RGB 196 209 230	#C4D1E6
50.0%	50.0% #CBD5E5	RGB 203 213 229	#CBD5E5
66.7%	66.7% #D1D9E5	RGB 209 217 229	#D1D9E5
83.3%	83.3% #D7DDE4	RGB 215 221 228	#D7DDE4
100.0%	100.0% #DEE2E4	RGB 222 226 228	#DEE2E4

#B8C9E7 #BECDE6 #C4D1E6 #CBD5E5 #D1D9E5 #D7DDE4 #DEE2E4

#B8C9E7 - #DEE2E4

HSV Blend

#B8C9E7 - #DEE2E4 | 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 #B8C9E7 as 0% and #DEE2E4 as 100%.

0.0%	0.0% #B8C9E7	RGB 184 201 231	#B8C9E7
16.7%	16.7% #BECEE6	RGB 190 206 230	#BECEE6
33.3%	33.3% #C4D4E6	RGB 196 212 230	#C4D4E6
50.0%	50.0% #CBD8E5	RGB 203 216 229	#CBD8E5
66.7%	66.7% #D1DCE5	RGB 209 220 229	#D1DCE5
83.3%	83.3% #D7DFE4	RGB 215 223 228	#D7DFE4
100.0%	100.0% #DEE2E4	RGB 222 226 228	#DEE2E4

#B8C9E7 #BECEE6 #C4D4E6 #CBD8E5 #D1DCE5 #D7DFE4 #DEE2E4

#B8C9E7 - #CBD8E5 - #DEE2E4

CSS codes

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

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