#8A8F8F - #BBC495 | 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 #8A8F8F to #BBC495

#8A8F8F #BBC495

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

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

0.0%	0.0% #8A8F8F	RGB 138 143 143	#8A8F8F
16.7%	16.7% #929790	RGB 146 151 144	#929790
33.3%	33.3% #9AA091	RGB 154 160 145	#9AA091
50.0%	50.0% #A2A992	RGB 162 169 146	#A2A992
66.7%	66.7% #AAB293	RGB 170 178 147	#AAB293
83.3%	83.3% #B2BB94	RGB 178 187 148	#B2BB94
100.0%	100.0% #BBC495	RGB 187 196 149	#BBC495

#8A8F8F #929790 #9AA091 #A2A992 #AAB293 #B2BB94 #BBC495

#8A8F8F - #BBC495

HSV Blend

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

0.0%	0.0% #8A8F8F	RGB 138 143 143	#8A8F8F
16.7%	16.7% #8D9794	RGB 141 151 148	#8D9794
33.3%	33.3% #90A096	RGB 144 160 150	#90A096
50.0%	50.0% #92A994	RGB 146 169 148	#92A994
66.7%	66.7% #9AB293	RGB 154 178 147	#9AB293
83.3%	83.3% #A8BB94	RGB 168 187 148	#A8BB94
100.0%	100.0% #BBC495	RGB 187 196 149	#BBC495

#8A8F8F #8D9794 #90A096 #92A994 #9AB293 #A8BB94 #BBC495

#8A8F8F - #92A994 - #BBC495

CSS codes

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

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