#BAFAFF - #DDECCD | 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 #BAFAFF to #DDECCD

#BAFAFF #DDECCD

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

#BAFAFF - #DDECCD | 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 #BAFAFF as 0% and #DDECCD as 100%.

0.0%	0.0% #BAFAFF	RGB 186 250 255	#BAFAFF
16.7%	16.7% #BFF7F6	RGB 191 247 246	#BFF7F6
33.3%	33.3% #C5F5EE	RGB 197 245 238	#C5F5EE
50.0%	50.0% #CBF3E6	RGB 203 243 230	#CBF3E6
66.7%	66.7% #D1F0DD	RGB 209 240 221	#D1F0DD
83.3%	83.3% #D7EED5	RGB 215 238 213	#D7EED5
100.0%	100.0% #DDECCD	RGB 221 236 205	#DDECCD

#BAFAFF #BFF7F6 #C5F5EE #CBF3E6 #D1F0DD #D7EED5 #DDECCD

#BAFAFF - #DDECCD

HSV Blend

#BAFAFF - #DDECCD | 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 #BAFAFF as 0% and #DDECCD as 100%.

0.0%	0.0% #BAFAFF	RGB 186 250 255	#BAFAFF
16.7%	16.7% #BDFBEF	RGB 189 251 239	#BDFBEF
33.3%	33.3% #C0F8DF	RGB 192 248 223	#C0F8DF
50.0%	50.0% #C4F5D1	RGB 196 245 209	#C4F5D1
66.7%	66.7% #C7F2C7	RGB 199 242 199	#C7F2C7
83.3%	83.3% #D3EFCA	RGB 211 239 202	#D3EFCA
100.0%	100.0% #DDECCD	RGB 221 236 205	#DDECCD

#BAFAFF #BDFBEF #C0F8DF #C4F5D1 #C7F2C7 #D3EFCA #DDECCD

#BAFAFF - #C4F5D1 - #DDECCD

CSS codes

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

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