#B5A952 - #836F05 | 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 #B5A952 to #836F05

#B5A952 #836F05

Calculate the color between two colors, #B5A952 and #836F05. 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)

#B5A952 - #836F05 | 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 #B5A952 as 0% and #836F05 as 100%.

0.0%	0.0% #B5A952	RGB 181 169 82	#B5A952
16.7%	16.7% #AC9F45	RGB 172 159 69	#AC9F45
33.3%	33.3% #A49538	RGB 164 149 56	#A49538
50.0%	50.0% #9C8C2B	RGB 156 140 43	#9C8C2B
66.7%	66.7% #93821E	RGB 147 130 30	#93821E
83.3%	83.3% #8B7811	RGB 139 120 17	#8B7811
100.0%	100.0% #836F05	RGB 131 111 5	#836F05

#B5A952 #AC9F45 #A49538 #9C8C2B #93821E #8B7811 #836F05

#B5A952 - #836F05

HSV Blend

#B5A952 - #836F05 | 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 #B5A952 as 0% and #836F05 as 100%.

0.0%	0.0% #B5A952	RGB 181 169 82	#B5A952
16.7%	16.7% #AC9F42	RGB 172 159 66	#AC9F42
33.3%	33.3% #A49533	RGB 164 149 51	#A49533
50.0%	50.0% #9C8B26	RGB 156 139 38	#9C8B26
66.7%	66.7% #93811A	RGB 147 129 26	#93811A
83.3%	83.3% #8B780E	RGB 139 120 14	#8B780E
100.0%	100.0% #836F05	RGB 131 111 5	#836F05

#B5A952 #AC9F42 #A49533 #9C8B26 #93811A #8B780E #836F05

#B5A952 - #9C8B26 - #836F05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A952 0%, #9C8B26 50%, #836F05 100%);
    background: -webkit-linear-gradient(top, #B5A952 0%, #9C8B26 50%, #836F05 100%);
    background: linear-gradient(to bottom, #B5A952 0%, #9C8B26 50%, #836F05 100%);
}
</style>