#B7BFAD - #D9CBE4 | 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 #B7BFAD to #D9CBE4

#B7BFAD #D9CBE4

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

#B7BFAD - #D9CBE4 | 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 #B7BFAD as 0% and #D9CBE4 as 100%.

0.0%	0.0% #B7BFAD	RGB 183 191 173	#B7BFAD
16.7%	16.7% #BCC1B6	RGB 188 193 182	#BCC1B6
33.3%	33.3% #C2C3BF	RGB 194 195 191	#C2C3BF
50.0%	50.0% #C8C5C8	RGB 200 197 200	#C8C5C8
66.7%	66.7% #CDC7D1	RGB 205 199 209	#CDC7D1
83.3%	83.3% #D3C9DA	RGB 211 201 218	#D3C9DA
100.0%	100.0% #D9CBE4	RGB 217 203 228	#D9CBE4

#B7BFAD #BCC1B6 #C2C3BF #C8C5C8 #CDC7D1 #D3C9DA #D9CBE4

#B7BFAD - #D9CBE4

HSV Blend

#B7BFAD - #D9CBE4 | 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 #B7BFAD as 0% and #D9CBE4 as 100%.

0.0%	0.0% #B7BFAD	RGB 183 191 173	#B7BFAD
16.7%	16.7% #C5C4B2	RGB 197 196 178	#C5C4B2
33.3%	33.3% #CBC0B7	RGB 203 192 183	#CBC0B7
50.0%	50.0% #D1BCBC	RGB 209 188 188	#D1BCBC
66.7%	66.7% #D7C1CB	RGB 215 193 203	#D7C1CB
83.3%	83.3% #DDC6DC	RGB 221 198 220	#DDC6DC
100.0%	100.0% #D9CBE4	RGB 217 203 228	#D9CBE4

#B7BFAD #C5C4B2 #CBC0B7 #D1BCBC #D7C1CB #DDC6DC #D9CBE4

#B7BFAD - #D1BCBC - #D9CBE4

CSS codes

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

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