#B6AD2D - #856F0C | 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 #B6AD2D to #856F0C

#B6AD2D #856F0C

Calculate the color between two colors, #B6AD2D and #856F0C. 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)

#B6AD2D - #856F0C | 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 #B6AD2D as 0% and #856F0C as 100%.

0.0%	0.0% #B6AD2D	RGB 182 173 45	#B6AD2D
16.7%	16.7% #ADA227	RGB 173 162 39	#ADA227
33.3%	33.3% #A59822	RGB 165 152 34	#A59822
50.0%	50.0% #9D8E1C	RGB 157 142 28	#9D8E1C
66.7%	66.7% #958317	RGB 149 131 23	#958317
83.3%	83.3% #8D7911	RGB 141 121 17	#8D7911
100.0%	100.0% #856F0C	RGB 133 111 12	#856F0C

#B6AD2D #ADA227 #A59822 #9D8E1C #958317 #8D7911 #856F0C

#B6AD2D - #856F0C

HSV Blend

#B6AD2D - #856F0C | 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 #B6AD2D as 0% and #856F0C as 100%.

0.0%	0.0% #B6AD2D	RGB 182 173 45	#B6AD2D
16.7%	16.7% #ADA226	RGB 173 162 38	#ADA226
33.3%	33.3% #A59720	RGB 165 151 32	#A59720
50.0%	50.0% #9D8D1A	RGB 157 141 26	#9D8D1A
66.7%	66.7% #958315	RGB 149 131 21	#958315
83.3%	83.3% #8D7810	RGB 141 120 16	#8D7810
100.0%	100.0% #856F0C	RGB 133 111 12	#856F0C

#B6AD2D #ADA226 #A59720 #9D8D1A #958315 #8D7810 #856F0C

#B6AD2D - #9D8D1A - #856F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6AD2D 0%, #9D8D1A 50%, #856F0C 100%);
    background: -webkit-linear-gradient(top, #B6AD2D 0%, #9D8D1A 50%, #856F0C 100%);
    background: linear-gradient(to bottom, #B6AD2D 0%, #9D8D1A 50%, #856F0C 100%);
}
</style>