#B5A1AE - #BCB0DC | 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 #B5A1AE to #BCB0DC

#B5A1AE #BCB0DC

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

#B5A1AE - #BCB0DC | 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 #B5A1AE as 0% and #BCB0DC as 100%.

0.0%	0.0% #B5A1AE	RGB 181 161 174	#B5A1AE
16.7%	16.7% #B6A3B5	RGB 182 163 181	#B6A3B5
33.3%	33.3% #B7A6BD	RGB 183 166 189	#B7A6BD
50.0%	50.0% #B8A8C5	RGB 184 168 197	#B8A8C5
66.7%	66.7% #B9ABCC	RGB 185 171 204	#B9ABCC
83.3%	83.3% #BAADD4	RGB 186 173 212	#BAADD4
100.0%	100.0% #BCB0DC	RGB 188 176 220	#BCB0DC

#B5A1AE #B6A3B5 #B7A6BD #B8A8C5 #B9ABCC #BAADD4 #BCB0DC

#B5A1AE - #BCB0DC

HSV Blend

#B5A1AE - #BCB0DC | 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 #B5A1AE as 0% and #BCB0DC as 100%.

0.0%	0.0% #B5A1AE	RGB 181 161 174	#B5A1AE
16.7%	16.7% #BBA3B7	RGB 187 163 183	#BBA3B7
33.3%	33.3% #C1A6C2	RGB 193 166 194	#C1A6C2
50.0%	50.0% #C2A9C8	RGB 194 169 200	#C2A9C8
66.7%	66.7% #C2ABCF	RGB 194 171 207	#C2ABCF
83.3%	83.3% #BFADD5	RGB 191 173 213	#BFADD5
100.0%	100.0% #BCB0DC	RGB 188 176 220	#BCB0DC

#B5A1AE #BBA3B7 #C1A6C2 #C2A9C8 #C2ABCF #BFADD5 #BCB0DC

#B5A1AE - #C2A9C8 - #BCB0DC

CSS codes

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

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