#BDA7AB - #D3B5DF | 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 #BDA7AB to #D3B5DF

#BDA7AB #D3B5DF

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

#BDA7AB - #D3B5DF | 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 #BDA7AB as 0% and #D3B5DF as 100%.

0.0%	0.0% #BDA7AB	RGB 189 167 171	#BDA7AB
16.7%	16.7% #C0A9B3	RGB 192 169 179	#C0A9B3
33.3%	33.3% #C4ABBC	RGB 196 171 188	#C4ABBC
50.0%	50.0% #C8AEC5	RGB 200 174 197	#C8AEC5
66.7%	66.7% #CBB0CD	RGB 203 176 205	#CBB0CD
83.3%	83.3% #CFB2D6	RGB 207 178 214	#CFB2D6
100.0%	100.0% #D3B5DF	RGB 211 181 223	#D3B5DF

#BDA7AB #C0A9B3 #C4ABBC #C8AEC5 #CBB0CD #CFB2D6 #D3B5DF

#BDA7AB - #D3B5DF

HSV Blend

#BDA7AB - #D3B5DF | 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 #BDA7AB as 0% and #D3B5DF as 100%.

0.0%	0.0% #BDA7AB	RGB 189 167 171	#BDA7AB
16.7%	16.7% #C2A9B2	RGB 194 169 178	#C2A9B2
33.3%	33.3% #C8ACBB	RGB 200 172 187	#C8ACBB
50.0%	50.0% #CEAEC5	RGB 206 174 197	#CEAEC5
66.7%	66.7% #D3B0D0	RGB 211 176 208	#D3B0D0
83.3%	83.3% #D5B3D9	RGB 213 179 217	#D5B3D9
100.0%	100.0% #D3B5DF	RGB 211 181 223	#D3B5DF

#BDA7AB #C2A9B2 #C8ACBB #CEAEC5 #D3B0D0 #D5B3D9 #D3B5DF

#BDA7AB - #CEAEC5 - #D3B5DF

CSS codes

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

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