#B4A848 - #876D12 | 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 #B4A848 to #876D12

#B4A848 #876D12

Calculate the color between two colors, #B4A848 and #876D12. 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)

#B4A848 - #876D12 | 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 #B4A848 as 0% and #876D12 as 100%.

0.0%	0.0% #B4A848	RGB 180 168 72	#B4A848
16.7%	16.7% #AC9E3F	RGB 172 158 63	#AC9E3F
33.3%	33.3% #A59436	RGB 165 148 54	#A59436
50.0%	50.0% #9D8A2D	RGB 157 138 45	#9D8A2D
66.7%	66.7% #968024	RGB 150 128 36	#968024
83.3%	83.3% #8E761B	RGB 142 118 27	#8E761B
100.0%	100.0% #876D12	RGB 135 109 18	#876D12

#B4A848 #AC9E3F #A59436 #9D8A2D #968024 #8E761B #876D12

#B4A848 - #876D12

HSV Blend

#B4A848 - #876D12 | 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 #B4A848 as 0% and #876D12 as 100%.

0.0%	0.0% #B4A848	RGB 180 168 72	#B4A848
16.7%	16.7% #AC9E3D	RGB 172 158 61	#AC9E3D
33.3%	33.3% #A59433	RGB 165 148 51	#A59433
50.0%	50.0% #9D8A29	RGB 157 138 41	#9D8A29
66.7%	66.7% #968021	RGB 150 128 33	#968021
83.3%	83.3% #8E7619	RGB 142 118 25	#8E7619
100.0%	100.0% #876D12	RGB 135 109 18	#876D12

#B4A848 #AC9E3D #A59433 #9D8A29 #968021 #8E7619 #876D12

#B4A848 - #9D8A29 - #876D12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4A848 0%, #9D8A29 50%, #876D12 100%);
    background: -webkit-linear-gradient(top, #B4A848 0%, #9D8A29 50%, #876D12 100%);
    background: linear-gradient(to bottom, #B4A848 0%, #9D8A29 50%, #876D12 100%);
}
</style>