#BDD1D5 - #E6DFDB | 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 #BDD1D5 to #E6DFDB

#BDD1D5 #E6DFDB

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

#BDD1D5 - #E6DFDB | 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 #BDD1D5 as 0% and #E6DFDB as 100%.

0.0%	0.0% #BDD1D5	RGB 189 209 213	#BDD1D5
16.7%	16.7% #C3D3D6	RGB 195 211 214	#C3D3D6
33.3%	33.3% #CAD5D7	RGB 202 213 215	#CAD5D7
50.0%	50.0% #D1D8D8	RGB 209 216 216	#D1D8D8
66.7%	66.7% #D8DAD9	RGB 216 218 217	#D8DAD9
83.3%	83.3% #DFDCDA	RGB 223 220 218	#DFDCDA
100.0%	100.0% #E6DFDB	RGB 230 223 219	#E6DFDB

#BDD1D5 #C3D3D6 #CAD5D7 #D1D8D8 #D8DAD9 #DFDCDA #E6DFDB

#BDD1D5 - #E6DFDB

HSV Blend

#BDD1D5 - #E6DFDB | 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 #BDD1D5 as 0% and #E6DFDB as 100%.

0.0%	0.0% #BDD1D5	RGB 189 209 213	#BDD1D5
16.7%	16.7% #C1D7D1	RGB 193 215 209	#C1D7D1
33.3%	33.3% #C6DACB	RGB 198 218 203	#C6DACB
50.0%	50.0% #CFDDCB	RGB 207 221 203	#CFDDCB
66.7%	66.7% #DBE0D0	RGB 219 224 208	#DBE0D0
83.3%	83.3% #E3E0D5	RGB 227 224 213	#E3E0D5
100.0%	100.0% #E6DFDB	RGB 230 223 219	#E6DFDB

#BDD1D5 #C1D7D1 #C6DACB #CFDDCB #DBE0D0 #E3E0D5 #E6DFDB

#BDD1D5 - #CFDDCB - #E6DFDB

CSS codes

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

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