#B5AE02 - #846F00 | 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 #B5AE02 to #846F00

#B5AE02 #846F00

Calculate the color between two colors, #B5AE02 and #846F00. 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)

#B5AE02 - #846F00 | 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 #B5AE02 as 0% and #846F00 as 100%.

0.0%	0.0% #B5AE02	RGB 181 174 2	#B5AE02
16.7%	16.7% #ACA301	RGB 172 163 1	#ACA301
33.3%	33.3% #A49901	RGB 164 153 1	#A49901
50.0%	50.0% #9C8E01	RGB 156 142 1	#9C8E01
66.7%	66.7% #948400	RGB 148 132 0	#948400
83.3%	83.3% #8C7900	RGB 140 121 0	#8C7900
100.0%	100.0% #846F00	RGB 132 111 0	#846F00

#B5AE02 #ACA301 #A49901 #9C8E01 #948400 #8C7900 #846F00

#B5AE02 - #846F00

HSV Blend

#B5AE02 - #846F00 | 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 #B5AE02 as 0% and #846F00 as 100%.

0.0%	0.0% #B5AE02	RGB 181 174 2	#B5AE02
16.7%	16.7% #ACA201	RGB 172 162 1	#ACA201
33.3%	33.3% #A49701	RGB 164 151 1	#A49701
50.0%	50.0% #9C8D00	RGB 156 141 0	#9C8D00
66.7%	66.7% #948200	RGB 148 130 0	#948200
83.3%	83.3% #8C7800	RGB 140 120 0	#8C7800
100.0%	100.0% #846F00	RGB 132 111 0	#846F00

#B5AE02 #ACA201 #A49701 #9C8D00 #948200 #8C7800 #846F00

#B5AE02 - #9C8D00 - #846F00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AE02 0%, #9C8D00 50%, #846F00 100%);
    background: -webkit-linear-gradient(top, #B5AE02 0%, #9C8D00 50%, #846F00 100%);
    background: linear-gradient(to bottom, #B5AE02 0%, #9C8D00 50%, #846F00 100%);
}
</style>