#B6BC5E - #8D931C | 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 #B6BC5E to #8D931C

#B6BC5E #8D931C

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

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

0.0%	0.0% #B6BC5E	RGB 182 188 94	#B6BC5E
16.7%	16.7% #AFB553	RGB 175 181 83	#AFB553
33.3%	33.3% #A8AE48	RGB 168 174 72	#A8AE48
50.0%	50.0% #A1A73D	RGB 161 167 61	#A1A73D
66.7%	66.7% #9AA032	RGB 154 160 50	#9AA032
83.3%	83.3% #939927	RGB 147 153 39	#939927
100.0%	100.0% #8D931C	RGB 141 147 28	#8D931C

#B6BC5E #AFB553 #A8AE48 #A1A73D #9AA032 #939927 #8D931C

#B6BC5E - #8D931C

HSV Blend

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

0.0%	0.0% #B6BC5E	RGB 182 188 94	#B6BC5E
16.7%	16.7% #AFB551	RGB 175 181 81	#AFB551
33.3%	33.3% #A8AE45	RGB 168 174 69	#A8AE45
50.0%	50.0% #A1A739	RGB 161 167 57	#A1A739
66.7%	66.7% #9AA02F	RGB 154 160 47	#9AA02F
83.3%	83.3% #939925	RGB 147 153 37	#939925
100.0%	100.0% #8D931C	RGB 141 147 28	#8D931C

#B6BC5E #AFB551 #A8AE45 #A1A739 #9AA02F #939925 #8D931C

#B6BC5E - #A1A739 - #8D931C

CSS codes

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

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