#BAE4EC - #FBE2FF | 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 #BAE4EC to #FBE2FF

#BAE4EC #FBE2FF

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

#BAE4EC - #FBE2FF | 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 #BAE4EC as 0% and #FBE2FF as 100%.

0.0%	0.0% #BAE4EC	RGB 186 228 236	#BAE4EC
16.7%	16.7% #C4E3EF	RGB 196 227 239	#C4E3EF
33.3%	33.3% #CFE3F2	RGB 207 227 242	#CFE3F2
50.0%	50.0% #DAE3F5	RGB 218 227 245	#DAE3F5
66.7%	66.7% #E5E2F8	RGB 229 226 248	#E5E2F8
83.3%	83.3% #F0E2FB	RGB 240 226 251	#F0E2FB
100.0%	100.0% #FBE2FF	RGB 251 226 255	#FBE2FF

#BAE4EC #C4E3EF #CFE3F2 #DAE3F5 #E5E2F8 #F0E2FB #FBE2FF

#BAE4EC - #FBE2FF

HSV Blend

#BAE4EC - #FBE2FF | 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 #BAE4EC as 0% and #FBE2FF as 100%.

0.0%	0.0% #BAE4EC	RGB 186 228 236	#BAE4EC
16.7%	16.7% #C0DAEF	RGB 192 218 239	#C0DAEF
33.3%	33.3% #C6D2F2	RGB 198 210 242	#C6D2F2
50.0%	50.0% #CDCDF5	RGB 205 205 245	#CDCDF5
66.7%	66.7% #DED4F8	RGB 222 212 248	#DED4F8
83.3%	83.3% #EEDBFB	RGB 238 219 251	#EEDBFB
100.0%	100.0% #FBE2FF	RGB 251 226 255	#FBE2FF

#BAE4EC #C0DAEF #C6D2F2 #CDCDF5 #DED4F8 #EEDBFB #FBE2FF

#BAE4EC - #CDCDF5 - #FBE2FF

CSS codes

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

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