#B5E1FE - #D4FCF7 | 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 #B5E1FE to #D4FCF7

#B5E1FE #D4FCF7

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

#B5E1FE - #D4FCF7 | 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 #B5E1FE as 0% and #D4FCF7 as 100%.

0.0%	0.0% #B5E1FE	RGB 181 225 254	#B5E1FE
16.7%	16.7% #BAE5FC	RGB 186 229 252	#BAE5FC
33.3%	33.3% #BFEAFB	RGB 191 234 251	#BFEAFB
50.0%	50.0% #C4EEFA	RGB 196 238 250	#C4EEFA
66.7%	66.7% #C9F3F9	RGB 201 243 249	#C9F3F9
83.3%	83.3% #CEF7F8	RGB 206 247 248	#CEF7F8
100.0%	100.0% #D4FCF7	RGB 212 252 247	#D4FCF7

#B5E1FE #BAE5FC #BFEAFB #C4EEFA #C9F3F9 #CEF7F8 #D4FCF7

#B5E1FE - #D4FCF7

HSV Blend

#B5E1FE - #D4FCF7 | 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 #B5E1FE as 0% and #D4FCF7 as 100%.

0.0%	0.0% #B5E1FE	RGB 181 225 254	#B5E1FE
16.7%	16.7% #BAE8FD	RGB 186 232 253	#BAE8FD
33.3%	33.3% #BFEFFD	RGB 191 239 253	#BFEFFD
50.0%	50.0% #C4F5FD	RGB 196 245 253	#C4F5FD
66.7%	66.7% #C9FAFC	RGB 201 250 252	#C9FAFC
83.3%	83.3% #CEFCFA	RGB 206 252 250	#CEFCFA
100.0%	100.0% #D4FCF7	RGB 212 252 247	#D4FCF7

#B5E1FE #BAE8FD #BFEFFD #C4F5FD #C9FAFC #CEFCFA #D4FCF7

#B5E1FE - #C4F5FD - #D4FCF7

CSS codes

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

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