#BAE2DC - #FCD9FF | 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 #BAE2DC to #FCD9FF

#BAE2DC #FCD9FF

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

#BAE2DC - #FCD9FF | 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 #BAE2DC as 0% and #FCD9FF as 100%.

0.0%	0.0% #BAE2DC	RGB 186 226 220	#BAE2DC
16.7%	16.7% #C5E0E1	RGB 197 224 225	#C5E0E1
33.3%	33.3% #D0DFE7	RGB 208 223 231	#D0DFE7
50.0%	50.0% #DBDDED	RGB 219 221 237	#DBDDED
66.7%	66.7% #E6DCF3	RGB 230 220 243	#E6DCF3
83.3%	83.3% #F1DAF9	RGB 241 218 249	#F1DAF9
100.0%	100.0% #FCD9FF	RGB 252 217 255	#FCD9FF

#BAE2DC #C5E0E1 #D0DFE7 #DBDDED #E6DCF3 #F1DAF9 #FCD9FF

#BAE2DC - #FCD9FF

HSV Blend

#BAE2DC - #FCD9FF | 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 #BAE2DC as 0% and #FCD9FF as 100%.

0.0%	0.0% #BAE2DC	RGB 186 226 220	#BAE2DC
16.7%	16.7% #BFDFE6	RGB 191 223 230	#BFDFE6
33.3%	33.3% #C4D6EB	RGB 196 214 235	#C4D6EB
50.0%	50.0% #C9CDF0	RGB 201 205 240	#C9CDF0
66.7%	66.7% #D7CEF5	RGB 215 206 245	#D7CEF5
83.3%	83.3% #E9D3FA	RGB 233 211 250	#E9D3FA
100.0%	100.0% #FCD9FF	RGB 252 217 255	#FCD9FF

#BAE2DC #BFDFE6 #C4D6EB #C9CDF0 #D7CEF5 #E9D3FA #FCD9FF

#BAE2DC - #C9CDF0 - #FCD9FF

CSS codes

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

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