#BDBCC1 - #DFE1C7 | 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 #BDBCC1 to #DFE1C7

#BDBCC1 #DFE1C7

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

#BDBCC1 - #DFE1C7 | 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 #BDBCC1 as 0% and #DFE1C7 as 100%.

0.0%	0.0% #BDBCC1	RGB 189 188 193	#BDBCC1
16.7%	16.7% #C2C2C2	RGB 194 194 194	#C2C2C2
33.3%	33.3% #C8C8C3	RGB 200 200 195	#C8C8C3
50.0%	50.0% #CECEC4	RGB 206 206 196	#CECEC4
66.7%	66.7% #D3D4C5	RGB 211 212 197	#D3D4C5
83.3%	83.3% #D9DAC6	RGB 217 218 198	#D9DAC6
100.0%	100.0% #DFE1C7	RGB 223 225 199	#DFE1C7

#BDBCC1 #C2C2C2 #C8C8C3 #CECEC4 #D3D4C5 #D9DAC6 #DFE1C7

#BDBCC1 - #DFE1C7

HSV Blend

#BDBCC1 - #DFE1C7 | 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 #BDBCC1 as 0% and #DFE1C7 as 100%.

0.0%	0.0% #BDBCC1	RGB 189 188 193	#BDBCC1
16.7%	16.7% #C3BEC6	RGB 195 190 198	#C3BEC6
33.3%	33.3% #CBC0C9	RGB 203 192 201	#CBC0C9
50.0%	50.0% #D1C2C7	RGB 209 194 199	#D1C2C7
66.7%	66.7% #D6C6C3	RGB 214 198 195	#D6C6C3
83.3%	83.3% #DBD2C5	RGB 219 210 197	#DBD2C5
100.0%	100.0% #DFE1C7	RGB 223 225 199	#DFE1C7

#BDBCC1 #C3BEC6 #CBC0C9 #D1C2C7 #D6C6C3 #DBD2C5 #DFE1C7

#BDBCC1 - #D1C2C7 - #DFE1C7

CSS codes

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

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