#B9DFFC - #EBF5FE | 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 #B9DFFC to #EBF5FE

#B9DFFC #EBF5FE

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

#B9DFFC - #EBF5FE | 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 #B9DFFC as 0% and #EBF5FE as 100%.

0.0%	0.0% #B9DFFC	RGB 185 223 252	#B9DFFC
16.7%	16.7% #C1E2FC	RGB 193 226 252	#C1E2FC
33.3%	33.3% #C9E6FC	RGB 201 230 252	#C9E6FC
50.0%	50.0% #D2EAFD	RGB 210 234 253	#D2EAFD
66.7%	66.7% #DAEDFD	RGB 218 237 253	#DAEDFD
83.3%	83.3% #E2F1FD	RGB 226 241 253	#E2F1FD
100.0%	100.0% #EBF5FE	RGB 235 245 254	#EBF5FE

#B9DFFC #C1E2FC #C9E6FC #D2EAFD #DAEDFD #E2F1FD #EBF5FE

#B9DFFC - #EBF5FE

HSV Blend

#B9DFFC - #EBF5FE | 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 #B9DFFC as 0% and #EBF5FE as 100%.

0.0%	0.0% #B9DFFC	RGB 185 223 252	#B9DFFC
16.7%	16.7% #C1E2FC	RGB 193 226 252	#C1E2FC
33.3%	33.3% #C9E5FC	RGB 201 229 252	#C9E5FC
50.0%	50.0% #D1E9FD	RGB 209 233 253	#D1E9FD
66.7%	66.7% #DAEDFD	RGB 218 237 253	#DAEDFD
83.3%	83.3% #E2F1FD	RGB 226 241 253	#E2F1FD
100.0%	100.0% #EBF5FE	RGB 235 245 254	#EBF5FE

#B9DFFC #C1E2FC #C9E5FC #D1E9FD #DAEDFD #E2F1FD #EBF5FE

#B9DFFC - #D1E9FD - #EBF5FE

CSS codes

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

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