#BCB931 - #8D8000 | 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 #BCB931 to #8D8000

#BCB931 #8D8000

Calculate the color between two colors, #BCB931 and #8D8000. 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)

#BCB931 - #8D8000 | 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 #BCB931 as 0% and #8D8000 as 100%.

0.0%	0.0% #BCB931	RGB 188 185 49	#BCB931
16.7%	16.7% #B4AF28	RGB 180 175 40	#B4AF28
33.3%	33.3% #ACA620	RGB 172 166 32	#ACA620
50.0%	50.0% #A49C18	RGB 164 156 24	#A49C18
66.7%	66.7% #9C9310	RGB 156 147 16	#9C9310
83.3%	83.3% #948908	RGB 148 137 8	#948908
100.0%	100.0% #8D8000	RGB 141 128 0	#8D8000

#BCB931 #B4AF28 #ACA620 #A49C18 #9C9310 #948908 #8D8000

#BCB931 - #8D8000

HSV Blend

#BCB931 - #8D8000 | 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 #BCB931 as 0% and #8D8000 as 100%.

0.0%	0.0% #BCB931	RGB 188 185 49	#BCB931
16.7%	16.7% #B4AF27	RGB 180 175 39	#B4AF27
33.3%	33.3% #ACA51D	RGB 172 165 29	#ACA51D
50.0%	50.0% #A49C15	RGB 164 156 21	#A49C15
66.7%	66.7% #9C920D	RGB 156 146 13	#9C920D
83.3%	83.3% #948906	RGB 148 137 6	#948906
100.0%	100.0% #8D8000	RGB 141 128 0	#8D8000

#BCB931 #B4AF27 #ACA51D #A49C15 #9C920D #948906 #8D8000

#BCB931 - #A49C15 - #8D8000

CSS codes

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

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