#8B7B8C - #B5CEA2 | 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 #8B7B8C to #B5CEA2

#8B7B8C #B5CEA2

Calculate the color between two colors, #8B7B8C and #B5CEA2. 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)

#8B7B8C - #B5CEA2 | 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 #8B7B8C as 0% and #B5CEA2 as 100%.

0.0%	0.0% #8B7B8C	RGB 139 123 140	#8B7B8C
16.7%	16.7% #92888F	RGB 146 136 143	#92888F
33.3%	33.3% #999693	RGB 153 150 147	#999693
50.0%	50.0% #A0A497	RGB 160 164 151	#A0A497
66.7%	66.7% #A7B29A	RGB 167 178 154	#A7B29A
83.3%	83.3% #AEC09E	RGB 174 192 158	#AEC09E
100.0%	100.0% #B5CEA2	RGB 181 206 162	#B5CEA2

#8B7B8C #92888F #999693 #A0A497 #A7B29A #AEC09E #B5CEA2

#8B7B8C - #B5CEA2

HSV Blend

#8B7B8C - #B5CEA2 | 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 #8B7B8C as 0% and #B5CEA2 as 100%.

0.0%	0.0% #8B7B8C	RGB 139 123 140	#8B7B8C
16.7%	16.7% #97828F	RGB 151 130 143	#97828F
33.3%	33.3% #A2898D	RGB 162 137 141	#A2898D
50.0%	50.0% #AD9790	RGB 173 151 144	#AD9790
66.7%	66.7% #B8AD96	RGB 184 173 150	#B8AD96
83.3%	83.3% #BDC39C	RGB 189 195 156	#BDC39C
100.0%	100.0% #B5CEA2	RGB 181 206 162	#B5CEA2

#8B7B8C #97828F #A2898D #AD9790 #B8AD96 #BDC39C #B5CEA2

#8B7B8C - #AD9790 - #B5CEA2

CSS codes

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

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