#B9BCA8 - #DFCDEB | 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 #B9BCA8 to #DFCDEB

#B9BCA8 #DFCDEB

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

#B9BCA8 - #DFCDEB | 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 #B9BCA8 as 0% and #DFCDEB as 100%.

0.0%	0.0% #B9BCA8	RGB 185 188 168	#B9BCA8
16.7%	16.7% #BFBEB3	RGB 191 190 179	#BFBEB3
33.3%	33.3% #C5C1BE	RGB 197 193 190	#C5C1BE
50.0%	50.0% #CCC4C9	RGB 204 196 201	#CCC4C9
66.7%	66.7% #D2C7D4	RGB 210 199 212	#D2C7D4
83.3%	83.3% #D8CADF	RGB 216 202 223	#D8CADF
100.0%	100.0% #DFCDEB	RGB 223 205 235	#DFCDEB

#B9BCA8 #BFBEB3 #C5C1BE #CCC4C9 #D2C7D4 #D8CADF #DFCDEB

#B9BCA8 - #DFCDEB

HSV Blend

#B9BCA8 - #DFCDEB | 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 #B9BCA8 as 0% and #DFCDEB as 100%.

0.0%	0.0% #B9BCA8	RGB 185 188 168	#B9BCA8
16.7%	16.7% #C3BDAE	RGB 195 189 174	#C3BDAE
33.3%	33.3% #CBBBB4	RGB 203 187 180	#CBBBB4
50.0%	50.0% #D3BABD	RGB 211 186 189	#D3BABD
66.7%	66.7% #DBC0CF	RGB 219 192 207	#DBC0CF
83.3%	83.3% #E3C6E2	RGB 227 198 226	#E3C6E2
100.0%	100.0% #DFCDEB	RGB 223 205 235	#DFCDEB

#B9BCA8 #C3BDAE #CBBBB4 #D3BABD #DBC0CF #E3C6E2 #DFCDEB

#B9BCA8 - #D3BABD - #DFCDEB

CSS codes

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

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