#BFBC2B - #5E5B04 | 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 #BFBC2B to #5E5B04

#BFBC2B #5E5B04

Calculate the color between two colors, #BFBC2B and #5E5B04. 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)

#BFBC2B - #5E5B04 | 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 #BFBC2B as 0% and #5E5B04 as 100%.

0.0%	0.0% #BFBC2B	RGB 191 188 43	#BFBC2B
16.7%	16.7% #AEAB24	RGB 174 171 36	#AEAB24
33.3%	33.3% #9E9B1E	RGB 158 155 30	#9E9B1E
50.0%	50.0% #8E8B17	RGB 142 139 23	#8E8B17
66.7%	66.7% #7E7B10	RGB 126 123 16	#7E7B10
83.3%	83.3% #6E6B0A	RGB 110 107 10	#6E6B0A
100.0%	100.0% #5E5B04	RGB 94 91 4	#5E5B04

#BFBC2B #AEAB24 #9E9B1E #8E8B17 #7E7B10 #6E6B0A #5E5B04

#BFBC2B - #5E5B04

HSV Blend

#BFBC2B - #5E5B04 | 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 #BFBC2B as 0% and #5E5B04 as 100%.

0.0%	0.0% #BFBC2B	RGB 191 188 43	#BFBC2B
16.7%	16.7% #AEAB22	RGB 174 171 34	#AEAB22
33.3%	33.3% #9E9B1A	RGB 158 155 26	#9E9B1A
50.0%	50.0% #8E8B13	RGB 142 139 19	#8E8B13
66.7%	66.7% #7E7B0D	RGB 126 123 13	#7E7B0D
83.3%	83.3% #6E6A08	RGB 110 106 8	#6E6A08
100.0%	100.0% #5E5B04	RGB 94 91 4	#5E5B04

#BFBC2B #AEAB22 #9E9B1A #8E8B13 #7E7B0D #6E6A08 #5E5B04

#BFBC2B - #8E8B13 - #5E5B04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFBC2B 0%, #8E8B13 50%, #5E5B04 100%);
    background: -webkit-linear-gradient(top, #BFBC2B 0%, #8E8B13 50%, #5E5B04 100%);
    background: linear-gradient(to bottom, #BFBC2B 0%, #8E8B13 50%, #5E5B04 100%);
}
</style>