#B5E381 - #334024 | 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 #B5E381 to #334024

#B5E381 #334024

Calculate the color between two colors, #B5E381 and #334024. 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)

#B5E381 - #334024 | 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 #B5E381 as 0% and #334024 as 100%.

0.0%	0.0% #B5E381	RGB 181 227 129	#B5E381
16.7%	16.7% #9FC771	RGB 159 199 113	#9FC771
33.3%	33.3% #89AC62	RGB 137 172 98	#89AC62
50.0%	50.0% #749152	RGB 116 145 82	#749152
66.7%	66.7% #5E7643	RGB 94 118 67	#5E7643
83.3%	83.3% #485B33	RGB 72 91 51	#485B33
100.0%	100.0% #334024	RGB 51 64 36	#334024

#B5E381 #9FC771 #89AC62 #749152 #5E7643 #485B33 #334024

#B5E381 - #334024

HSV Blend

#B5E381 - #334024 | 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 #B5E381 as 0% and #334024 as 100%.

0.0%	0.0% #B5E381	RGB 181 227 129	#B5E381
16.7%	16.7% #9FC771	RGB 159 199 113	#9FC771
33.3%	33.3% #89AC61	RGB 137 172 97	#89AC61
50.0%	50.0% #739152	RGB 115 145 82	#739152
66.7%	66.7% #5E7642	RGB 94 118 66	#5E7642
83.3%	83.3% #485B33	RGB 72 91 51	#485B33
100.0%	100.0% #334024	RGB 51 64 36	#334024

#B5E381 #9FC771 #89AC61 #739152 #5E7642 #485B33 #334024

#B5E381 - #739152 - #334024

CSS codes

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

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