#8C898B - #BFDAA2 | 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 #8C898B to #BFDAA2

#8C898B #BFDAA2

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

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

0.0%	0.0% #8C898B	RGB 140 137 139	#8C898B
16.7%	16.7% #94968E	RGB 148 150 142	#94968E
33.3%	33.3% #9DA492	RGB 157 164 146	#9DA492
50.0%	50.0% #A5B196	RGB 165 177 150	#A5B196
66.7%	66.7% #AEBF9A	RGB 174 191 154	#AEBF9A
83.3%	83.3% #B6CC9E	RGB 182 204 158	#B6CC9E
100.0%	100.0% #BFDAA2	RGB 191 218 162	#BFDAA2

#8C898B #94968E #9DA492 #A5B196 #AEBF9A #B6CC9E #BFDAA2

#8C898B - #BFDAA2

HSV Blend

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

0.0%	0.0% #8C898B	RGB 140 137 139	#8C898B
16.7%	16.7% #998F92	RGB 153 143 146	#998F92
33.3%	33.3% #A69695	RGB 166 150 149	#A69695
50.0%	50.0% #B3A49A	RGB 179 164 154	#B3A49A
66.7%	66.7% #C0B79D	RGB 192 183 157	#C0B79D
83.3%	83.3% #C7CDA0	RGB 199 205 160	#C7CDA0
100.0%	100.0% #BFDAA2	RGB 191 218 162	#BFDAA2

#8C898B #998F92 #A69695 #B3A49A #C0B79D #C7CDA0 #BFDAA2

#8C898B - #B3A49A - #BFDAA2

CSS codes

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

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