#BCB0BD - #A55B9A | 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 #BCB0BD to #A55B9A

#BCB0BD #A55B9A

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

#BCB0BD - #A55B9A | 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 #BCB0BD as 0% and #A55B9A as 100%.

0.0%	0.0% #BCB0BD	RGB 188 176 189	#BCB0BD
16.7%	16.7% #B8A1B7	RGB 184 161 183	#B8A1B7
33.3%	33.3% #B493B1	RGB 180 147 177	#B493B1
50.0%	50.0% #B085AB	RGB 176 133 171	#B085AB
66.7%	66.7% #AC77A5	RGB 172 119 165	#AC77A5
83.3%	83.3% #A8699F	RGB 168 105 159	#A8699F
100.0%	100.0% #A55B9A	RGB 165 91 154	#A55B9A

#BCB0BD #B8A1B7 #B493B1 #B085AB #AC77A5 #A8699F #A55B9A

#BCB0BD - #A55B9A

HSV Blend

#BCB0BD - #A55B9A | 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 #BCB0BD as 0% and #A55B9A as 100%.

0.0%	0.0% #BCB0BD	RGB 188 176 189	#BCB0BD
16.7%	16.7% #B8A0B9	RGB 184 160 185	#B8A0B9
33.3%	33.3% #B491B5	RGB 180 145 181	#B491B5
50.0%	50.0% #B183AF	RGB 177 131 175	#B183AF
66.7%	66.7% #AD75A8	RGB 173 117 168	#AD75A8
83.3%	83.3% #A967A1	RGB 169 103 161	#A967A1
100.0%	100.0% #A55B9A	RGB 165 91 154	#A55B9A

#BCB0BD #B8A0B9 #B491B5 #B183AF #AD75A8 #A967A1 #A55B9A

#BCB0BD - #B183AF - #A55B9A

CSS codes

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

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