#B2AD5E - #8A8019 | 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 #B2AD5E to #8A8019

#B2AD5E #8A8019

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

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

0.0%	0.0% #B2AD5E	RGB 178 173 94	#B2AD5E
16.7%	16.7% #ABA552	RGB 171 165 82	#ABA552
33.3%	33.3% #A49E47	RGB 164 158 71	#A49E47
50.0%	50.0% #9E963B	RGB 158 150 59	#9E963B
66.7%	66.7% #978F30	RGB 151 143 48	#978F30
83.3%	83.3% #908724	RGB 144 135 36	#908724
100.0%	100.0% #8A8019	RGB 138 128 25	#8A8019

#B2AD5E #ABA552 #A49E47 #9E963B #978F30 #908724 #8A8019

#B2AD5E - #8A8019

HSV Blend

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

0.0%	0.0% #B2AD5E	RGB 178 173 94	#B2AD5E
16.7%	16.7% #ABA550	RGB 171 165 80	#ABA550
33.3%	33.3% #A49D43	RGB 164 157 67	#A49D43
50.0%	50.0% #9E9638	RGB 158 150 56	#9E9638
66.7%	66.7% #978E2C	RGB 151 142 44	#978E2C
83.3%	83.3% #908722	RGB 144 135 34	#908722
100.0%	100.0% #8A8019	RGB 138 128 25	#8A8019

#B2AD5E #ABA550 #A49D43 #9E9638 #978E2C #908722 #8A8019

#B2AD5E - #9E9638 - #8A8019

CSS codes

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

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