#BDA7B5 - #C3B5DF | 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 #BDA7B5 to #C3B5DF

#BDA7B5 #C3B5DF

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

#BDA7B5 - #C3B5DF | 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 #BDA7B5 as 0% and #C3B5DF as 100%.

0.0%	0.0% #BDA7B5	RGB 189 167 181	#BDA7B5
16.7%	16.7% #BEA9BC	RGB 190 169 188	#BEA9BC
33.3%	33.3% #BFABC3	RGB 191 171 195	#BFABC3
50.0%	50.0% #C0AECA	RGB 192 174 202	#C0AECA
66.7%	66.7% #C1B0D1	RGB 193 176 209	#C1B0D1
83.3%	83.3% #C2B2D8	RGB 194 178 216	#C2B2D8
100.0%	100.0% #C3B5DF	RGB 195 181 223	#C3B5DF

#BDA7B5 #BEA9BC #BFABC3 #C0AECA #C1B0D1 #C2B2D8 #C3B5DF

#BDA7B5 - #C3B5DF

HSV Blend

#BDA7B5 - #C3B5DF | 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 #BDA7B5 as 0% and #C3B5DF as 100%.

0.0%	0.0% #BDA7B5	RGB 189 167 181	#BDA7B5
16.7%	16.7% #C2A9BD	RGB 194 169 189	#C2A9BD
33.3%	33.3% #C8ACC7	RGB 200 172 199	#C8ACC7
50.0%	50.0% #C9AECE	RGB 201 174 206	#C9AECE
66.7%	66.7% #C8B0D3	RGB 200 176 211	#C8B0D3
83.3%	83.3% #C6B3D9	RGB 198 179 217	#C6B3D9
100.0%	100.0% #C3B5DF	RGB 195 181 223	#C3B5DF

#BDA7B5 #C2A9BD #C8ACC7 #C9AECE #C8B0D3 #C6B3D9 #C3B5DF

#BDA7B5 - #C9AECE - #C3B5DF

CSS codes

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

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