#BCA1B8 - #854B77 | 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 #BCA1B8 to #854B77

#BCA1B8 #854B77

Calculate the color between two colors, #BCA1B8 and #854B77. 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)

#BCA1B8 - #854B77 | 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 #BCA1B8 as 0% and #854B77 as 100%.

0.0%	0.0% #BCA1B8	RGB 188 161 184	#BCA1B8
16.7%	16.7% #B292AD	RGB 178 146 173	#B292AD
33.3%	33.3% #A984A2	RGB 169 132 162	#A984A2
50.0%	50.0% #A07697	RGB 160 118 151	#A07697
66.7%	66.7% #97678C	RGB 151 103 140	#97678C
83.3%	83.3% #8E5981	RGB 142 89 129	#8E5981
100.0%	100.0% #854B77	RGB 133 75 119	#854B77

#BCA1B8 #B292AD #A984A2 #A07697 #97678C #8E5981 #854B77

#BCA1B8 - #854B77

HSV Blend

#BCA1B8 - #854B77 | 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 #BCA1B8 as 0% and #854B77 as 100%.

0.0%	0.0% #BCA1B8	RGB 188 161 184	#BCA1B8
16.7%	16.7% #B290AD	RGB 178 144 173	#B290AD
33.3%	33.3% #A980A2	RGB 169 128 162	#A980A2
50.0%	50.0% #A07197	RGB 160 113 151	#A07197
66.7%	66.7% #97648C	RGB 151 100 140	#97648C
83.3%	83.3% #8E5781	RGB 142 87 129	#8E5781
100.0%	100.0% #854B77	RGB 133 75 119	#854B77

#BCA1B8 #B290AD #A980A2 #A07197 #97648C #8E5781 #854B77

#BCA1B8 - #A07197 - #854B77

CSS codes

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

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