#B2B25C - #857B1B | 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 #B2B25C to #857B1B

#B2B25C #857B1B

Calculate the color between two colors, #B2B25C and #857B1B. 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)

#B2B25C - #857B1B | 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 #B2B25C as 0% and #857B1B as 100%.

0.0%	0.0% #B2B25C	RGB 178 178 92	#B2B25C
16.7%	16.7% #AAA851	RGB 170 168 81	#AAA851
33.3%	33.3% #A39F46	RGB 163 159 70	#A39F46
50.0%	50.0% #9B963B	RGB 155 150 59	#9B963B
66.7%	66.7% #948D30	RGB 148 141 48	#948D30
83.3%	83.3% #8C8425	RGB 140 132 37	#8C8425
100.0%	100.0% #857B1B	RGB 133 123 27	#857B1B

#B2B25C #AAA851 #A39F46 #9B963B #948D30 #8C8425 #857B1B

#B2B25C - #857B1B

HSV Blend

#B2B25C - #857B1B | 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 #B2B25C as 0% and #857B1B as 100%.

0.0%	0.0% #B2B25C	RGB 178 178 92	#B2B25C
16.7%	16.7% #AAA94F	RGB 170 169 79	#AAA94F
33.3%	33.3% #A39F43	RGB 163 159 67	#A39F43
50.0%	50.0% #9B9637	RGB 155 150 55	#9B9637
66.7%	66.7% #948D2D	RGB 148 141 45	#948D2D
83.3%	83.3% #8C8423	RGB 140 132 35	#8C8423
100.0%	100.0% #857B1B	RGB 133 123 27	#857B1B

#B2B25C #AAA94F #A39F43 #9B9637 #948D2D #8C8423 #857B1B

#B2B25C - #9B9637 - #857B1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B25C 0%, #9B9637 50%, #857B1B 100%);
    background: -webkit-linear-gradient(top, #B2B25C 0%, #9B9637 50%, #857B1B 100%);
    background: linear-gradient(to bottom, #B2B25C 0%, #9B9637 50%, #857B1B 100%);
}
</style>