#B9D9F0 - #FFE5F0 | 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 #B9D9F0 to #FFE5F0

#B9D9F0 #FFE5F0

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

#B9D9F0 - #FFE5F0 | 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 #B9D9F0 as 0% and #FFE5F0 as 100%.

0.0%	0.0% #B9D9F0	RGB 185 217 240	#B9D9F0
16.7%	16.7% #C4DBF0	RGB 196 219 240	#C4DBF0
33.3%	33.3% #D0DDF0	RGB 208 221 240	#D0DDF0
50.0%	50.0% #DCDFF0	RGB 220 223 240	#DCDFF0
66.7%	66.7% #E7E1F0	RGB 231 225 240	#E7E1F0
83.3%	83.3% #F3E3F0	RGB 243 227 240	#F3E3F0
100.0%	100.0% #FFE5F0	RGB 255 229 240	#FFE5F0

#B9D9F0 #C4DBF0 #D0DDF0 #DCDFF0 #E7E1F0 #F3E3F0 #FFE5F0

#B9D9F0 - #FFE5F0

HSV Blend

#B9D9F0 - #FFE5F0 | 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 #B9D9F0 as 0% and #FFE5F0 as 100%.

0.0%	0.0% #B9D9F0	RGB 185 217 240	#B9D9F0
16.7%	16.7% #C0CBF2	RGB 192 203 242	#C0CBF2
33.3%	33.3% #CDC7F5	RGB 205 199 245	#CDC7F5
50.0%	50.0% #E2CEF7	RGB 226 206 247	#E2CEF7
66.7%	66.7% #F4D5FA	RGB 244 213 250	#F4D5FA
83.3%	83.3% #FCDDF5	RGB 252 221 245	#FCDDF5
100.0%	100.0% #FFE5F0	RGB 255 229 240	#FFE5F0

#B9D9F0 #C0CBF2 #CDC7F5 #E2CEF7 #F4D5FA #FCDDF5 #FFE5F0

#B9D9F0 - #E2CEF7 - #FFE5F0

CSS codes

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

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