#B5A2B1 - #BDB1DD | 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 #B5A2B1 to #BDB1DD

#B5A2B1 #BDB1DD

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

#B5A2B1 - #BDB1DD | 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 #B5A2B1 as 0% and #BDB1DD as 100%.

0.0%	0.0% #B5A2B1	RGB 181 162 177	#B5A2B1
16.7%	16.7% #B6A4B8	RGB 182 164 184	#B6A4B8
33.3%	33.3% #B7A7BF	RGB 183 167 191	#B7A7BF
50.0%	50.0% #B9A9C7	RGB 185 169 199	#B9A9C7
66.7%	66.7% #BAACCE	RGB 186 172 206	#BAACCE
83.3%	83.3% #BBAED5	RGB 187 174 213	#BBAED5
100.0%	100.0% #BDB1DD	RGB 189 177 221	#BDB1DD

#B5A2B1 #B6A4B8 #B7A7BF #B9A9C7 #BAACCE #BBAED5 #BDB1DD

#B5A2B1 - #BDB1DD

HSV Blend

#B5A2B1 - #BDB1DD | 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 #B5A2B1 as 0% and #BDB1DD as 100%.

0.0%	0.0% #B5A2B1	RGB 181 162 177	#B5A2B1
16.7%	16.7% #BBA5BA	RGB 187 165 186	#BBA5BA
33.3%	33.3% #BFA7C2	RGB 191 167 194	#BFA7C2
50.0%	50.0% #C1AAC9	RGB 193 170 201	#C1AAC9
66.7%	66.7% #C1ACCF	RGB 193 172 207	#C1ACCF
83.3%	83.3% #BFAFD6	RGB 191 175 214	#BFAFD6
100.0%	100.0% #BDB1DD	RGB 189 177 221	#BDB1DD

#B5A2B1 #BBA5BA #BFA7C2 #C1AAC9 #C1ACCF #BFAFD6 #BDB1DD

#B5A2B1 - #C1AAC9 - #BDB1DD

CSS codes

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

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