#B5BF2B - #72810C | 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 #B5BF2B to #72810C

#B5BF2B #72810C

Calculate the color between two colors, #B5BF2B and #72810C. 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)

#B5BF2B - #72810C | 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 #B5BF2B as 0% and #72810C as 100%.

0.0%	0.0% #B5BF2B	RGB 181 191 43	#B5BF2B
16.7%	16.7% #A9B425	RGB 169 180 37	#A9B425
33.3%	33.3% #9EAA20	RGB 158 170 32	#9EAA20
50.0%	50.0% #93A01B	RGB 147 160 27	#93A01B
66.7%	66.7% #889516	RGB 136 149 22	#889516
83.3%	83.3% #7D8B11	RGB 125 139 17	#7D8B11
100.0%	100.0% #72810C	RGB 114 129 12	#72810C

#B5BF2B #A9B425 #9EAA20 #93A01B #889516 #7D8B11 #72810C

#B5BF2B - #72810C

HSV Blend

#B5BF2B - #72810C | 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 #B5BF2B as 0% and #72810C as 100%.

0.0%	0.0% #B5BF2B	RGB 181 191 43	#B5BF2B
16.7%	16.7% #A9B424	RGB 169 180 36	#A9B424
33.3%	33.3% #9EAA1E	RGB 158 170 30	#9EAA1E
50.0%	50.0% #92A019	RGB 146 160 25	#92A019
66.7%	66.7% #879514	RGB 135 149 20	#879514
83.3%	83.3% #7C8B10	RGB 124 139 16	#7C8B10
100.0%	100.0% #72810C	RGB 114 129 12	#72810C

#B5BF2B #A9B424 #9EAA1E #92A019 #879514 #7C8B10 #72810C

#B5BF2B - #92A019 - #72810C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5BF2B 0%, #92A019 50%, #72810C 100%);
    background: -webkit-linear-gradient(top, #B5BF2B 0%, #92A019 50%, #72810C 100%);
    background: linear-gradient(to bottom, #B5BF2B 0%, #92A019 50%, #72810C 100%);
}
</style>