#3F5E32 - #B2AA5B | 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 #3F5E32 to #B2AA5B

#3F5E32 #B2AA5B

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

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

0.0%	0.0% #3F5E32	RGB 63 94 50	#3F5E32
16.7%	16.7% #526A38	RGB 82 106 56	#526A38
33.3%	33.3% #65773F	RGB 101 119 63	#65773F
50.0%	50.0% #788446	RGB 120 132 70	#788446
66.7%	66.7% #8B904D	RGB 139 144 77	#8B904D
83.3%	83.3% #9E9D54	RGB 158 157 84	#9E9D54
100.0%	100.0% #B2AA5B	RGB 178 170 91	#B2AA5B

#3F5E32 #526A38 #65773F #788446 #8B904D #9E9D54 #B2AA5B

#3F5E32 - #B2AA5B

HSV Blend

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

0.0%	0.0% #3F5E32	RGB 63 94 50	#3F5E32
16.7%	16.7% #4E6C39	RGB 78 108 57	#4E6C39
33.3%	33.3% #607A40	RGB 96 122 64	#607A40
50.0%	50.0% #748846	RGB 116 136 70	#748846
66.7%	66.7% #89964D	RGB 137 150 77	#89964D
83.3%	83.3% #A0A454	RGB 160 164 84	#A0A454
100.0%	100.0% #B2AA5B	RGB 178 170 91	#B2AA5B

#3F5E32 #4E6C39 #607A40 #748846 #89964D #A0A454 #B2AA5B

#3F5E32 - #748846 - #B2AA5B

CSS codes

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

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