#BCCACF - #E5DCD7 | 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 #BCCACF to #E5DCD7

#BCCACF #E5DCD7

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

#BCCACF - #E5DCD7 | 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 #BCCACF as 0% and #E5DCD7 as 100%.

0.0%	0.0% #BCCACF	RGB 188 202 207	#BCCACF
16.7%	16.7% #C2CDD0	RGB 194 205 208	#C2CDD0
33.3%	33.3% #C9D0D1	RGB 201 208 209	#C9D0D1
50.0%	50.0% #D0D3D3	RGB 208 211 211	#D0D3D3
66.7%	66.7% #D7D6D4	RGB 215 214 212	#D7D6D4
83.3%	83.3% #DED9D5	RGB 222 217 213	#DED9D5
100.0%	100.0% #E5DCD7	RGB 229 220 215	#E5DCD7

#BCCACF #C2CDD0 #C9D0D1 #D0D3D3 #D7D6D4 #DED9D5 #E5DCD7

#BCCACF - #E5DCD7

HSV Blend

#BCCACF - #E5DCD7 | 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 #BCCACF as 0% and #E5DCD7 as 100%.

0.0%	0.0% #BCCACF	RGB 188 202 207	#BCCACF
16.7%	16.7% #C0D2CE	RGB 192 210 206	#C0D2CE
33.3%	33.3% #C4D6C9	RGB 196 214 201	#C4D6C9
50.0%	50.0% #CCDAC9	RGB 204 218 201	#CCDAC9
66.7%	66.7% #D8DDCD	RGB 216 221 205	#D8DDCD
83.3%	83.3% #E1DED2	RGB 225 222 210	#E1DED2
100.0%	100.0% #E5DCD7	RGB 229 220 215	#E5DCD7

#BCCACF #C0D2CE #C4D6C9 #CCDAC9 #D8DDCD #E1DED2 #E5DCD7

#BCCACF - #CCDAC9 - #E5DCD7

CSS codes

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

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