#BBBB5E - #8F841C | 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 #BBBB5E to #8F841C

#BBBB5E #8F841C

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

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

0.0%	0.0% #BBBB5E	RGB 187 187 94	#BBBB5E
16.7%	16.7% #B3B153	RGB 179 177 83	#B3B153
33.3%	33.3% #ACA848	RGB 172 168 72	#ACA848
50.0%	50.0% #A59F3D	RGB 165 159 61	#A59F3D
66.7%	66.7% #9D9632	RGB 157 150 50	#9D9632
83.3%	83.3% #968D27	RGB 150 141 39	#968D27
100.0%	100.0% #8F841C	RGB 143 132 28	#8F841C

#BBBB5E #B3B153 #ACA848 #A59F3D #9D9632 #968D27 #8F841C

#BBBB5E - #8F841C

HSV Blend

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

0.0%	0.0% #BBBB5E	RGB 187 187 94	#BBBB5E
16.7%	16.7% #B3B251	RGB 179 178 81	#B3B251
33.3%	33.3% #ACA944	RGB 172 169 68	#ACA944
50.0%	50.0% #A59F39	RGB 165 159 57	#A59F39
66.7%	66.7% #9D962E	RGB 157 150 46	#9D962E
83.3%	83.3% #968D25	RGB 150 141 37	#968D25
100.0%	100.0% #8F841C	RGB 143 132 28	#8F841C

#BBBB5E #B3B251 #ACA944 #A59F39 #9D962E #968D25 #8F841C

#BBBB5E - #A59F39 - #8F841C

CSS codes

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

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