#B3AC3C - #757608 | 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 #B3AC3C to #757608

#B3AC3C #757608

Calculate the color between two colors, #B3AC3C and #757608. 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)

#B3AC3C - #757608 | 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 #B3AC3C as 0% and #757608 as 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #A8A333	RGB 168 163 51	#A8A333
33.3%	33.3% #9E9A2A	RGB 158 154 42	#9E9A2A
50.0%	50.0% #949122	RGB 148 145 34	#949122
66.7%	66.7% #898819	RGB 137 136 25	#898819
83.3%	83.3% #7F7F10	RGB 127 127 16	#7F7F10
100.0%	100.0% #757608	RGB 117 118 8	#757608

#B3AC3C #A8A333 #9E9A2A #949122 #898819 #7F7F10 #757608

#B3AC3C - #757608

HSV Blend

#B3AC3C - #757608 | 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 #B3AC3C as 0% and #757608 as 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #A8A331	RGB 168 163 49	#A8A331
33.3%	33.3% #9E9A27	RGB 158 154 39	#9E9A27
50.0%	50.0% #94911D	RGB 148 145 29	#94911D
66.7%	66.7% #8A8815	RGB 138 136 21	#8A8815
83.3%	83.3% #807F0E	RGB 128 127 14	#807F0E
100.0%	100.0% #757608	RGB 117 118 8	#757608

#B3AC3C #A8A331 #9E9A27 #94911D #8A8815 #807F0E #757608

#B3AC3C - #94911D - #757608

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3AC3C 0%, #94911D 50%, #757608 100%);
    background: -webkit-linear-gradient(top, #B3AC3C 0%, #94911D 50%, #757608 100%);
    background: linear-gradient(to bottom, #B3AC3C 0%, #94911D 50%, #757608 100%);
}
</style>