#BAE5DF - #FBDCFF | 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 #BAE5DF to #FBDCFF

#BAE5DF #FBDCFF

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

#BAE5DF - #FBDCFF | 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 #BAE5DF as 0% and #FBDCFF as 100%.

0.0%	0.0% #BAE5DF	RGB 186 229 223	#BAE5DF
16.7%	16.7% #C4E3E4	RGB 196 227 228	#C4E3E4
33.3%	33.3% #CFE2E9	RGB 207 226 233	#CFE2E9
50.0%	50.0% #DAE0EF	RGB 218 224 239	#DAE0EF
66.7%	66.7% #E5DFF4	RGB 229 223 244	#E5DFF4
83.3%	83.3% #F0DDF9	RGB 240 221 249	#F0DDF9
100.0%	100.0% #FBDCFF	RGB 251 220 255	#FBDCFF

#BAE5DF #C4E3E4 #CFE2E9 #DAE0EF #E5DFF4 #F0DDF9 #FBDCFF

#BAE5DF - #FBDCFF

HSV Blend

#BAE5DF - #FBDCFF | 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 #BAE5DF as 0% and #FBDCFF as 100%.

0.0%	0.0% #BAE5DF	RGB 186 229 223	#BAE5DF
16.7%	16.7% #BFE1E9	RGB 191 225 233	#BFE1E9
33.3%	33.3% #C5D7ED	RGB 197 215 237	#C5D7ED
50.0%	50.0% #CACFF2	RGB 202 207 242	#CACFF2
66.7%	66.7% #D8D0F6	RGB 216 208 246	#D8D0F6
83.3%	83.3% #EAD6FA	RGB 234 214 250	#EAD6FA
100.0%	100.0% #FBDCFF	RGB 251 220 255	#FBDCFF

#BAE5DF #BFE1E9 #C5D7ED #CACFF2 #D8D0F6 #EAD6FA #FBDCFF

#BAE5DF - #CACFF2 - #FBDCFF

CSS codes

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

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