#3B5E2A - #B2AB55 | 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 #3B5E2A to #B2AB55

#3B5E2A #B2AB55

Calculate the color between two colors, #3B5E2A and #B2AB55. 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)

#3B5E2A - #B2AB55 | 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 #3B5E2A as 0% and #B2AB55 as 100%.

0.0%	0.0% #3B5E2A	RGB 59 94 42	#3B5E2A
16.7%	16.7% #4E6A31	RGB 78 106 49	#4E6A31
33.3%	33.3% #627738	RGB 98 119 56	#627738
50.0%	50.0% #76843F	RGB 118 132 63	#76843F
66.7%	66.7% #8A9146	RGB 138 145 70	#8A9146
83.3%	83.3% #9E9E4D	RGB 158 158 77	#9E9E4D
100.0%	100.0% #B2AB55	RGB 178 171 85	#B2AB55

#3B5E2A #4E6A31 #627738 #76843F #8A9146 #9E9E4D #B2AB55

#3B5E2A - #B2AB55

HSV Blend

#3B5E2A - #B2AB55 | 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 #3B5E2A as 0% and #B2AB55 as 100%.

0.0%	0.0% #3B5E2A	RGB 59 94 42	#3B5E2A
16.7%	16.7% #4B6C30	RGB 75 108 48	#4B6C30
33.3%	33.3% #5D7A37	RGB 93 122 55	#5D7A37
50.0%	50.0% #72883E	RGB 114 136 62	#72883E
66.7%	66.7% #889646	RGB 136 150 70	#889646
83.3%	83.3% #9FA44D	RGB 159 164 77	#9FA44D
100.0%	100.0% #B2AB55	RGB 178 171 85	#B2AB55

#3B5E2A #4B6C30 #5D7A37 #72883E #889646 #9FA44D #B2AB55

#3B5E2A - #72883E - #B2AB55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E2A 0%, #72883E 50%, #B2AB55 100%);
    background: -webkit-linear-gradient(top, #3B5E2A 0%, #72883E 50%, #B2AB55 100%);
    background: linear-gradient(to bottom, #3B5E2A 0%, #72883E 50%, #B2AB55 100%);
}
</style>