#BCA0B5 - #954B8C | 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 #BCA0B5 to #954B8C

#BCA0B5 #954B8C

Calculate the color between two colors, #BCA0B5 and #954B8C. 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)

#BCA0B5 - #954B8C | 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 #BCA0B5 as 0% and #954B8C as 100%.

0.0%	0.0% #BCA0B5	RGB 188 160 181	#BCA0B5
16.7%	16.7% #B591AE	RGB 181 145 174	#B591AE
33.3%	33.3% #AF83A7	RGB 175 131 167	#AF83A7
50.0%	50.0% #A875A0	RGB 168 117 160	#A875A0
66.7%	66.7% #A26799	RGB 162 103 153	#A26799
83.3%	83.3% #9B5992	RGB 155 89 146	#9B5992
100.0%	100.0% #954B8C	RGB 149 75 140	#954B8C

#BCA0B5 #B591AE #AF83A7 #A875A0 #A26799 #9B5992 #954B8C

#BCA0B5 - #954B8C

HSV Blend

#BCA0B5 - #954B8C | 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 #BCA0B5 as 0% and #954B8C as 100%.

0.0%	0.0% #BCA0B5	RGB 188 160 181	#BCA0B5
16.7%	16.7% #B58FAC	RGB 181 143 172	#B58FAC
33.3%	33.3% #AF80A5	RGB 175 128 165	#AF80A5
50.0%	50.0% #A8729E	RGB 168 114 158	#A8729E
66.7%	66.7% #A26497	RGB 162 100 151	#A26497
83.3%	83.3% #9B5791	RGB 155 87 145	#9B5791
100.0%	100.0% #954B8C	RGB 149 75 140	#954B8C

#BCA0B5 #B58FAC #AF80A5 #A8729E #A26497 #9B5791 #954B8C

#BCA0B5 - #A8729E - #954B8C

CSS codes

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

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