#B9D9A0 - #343E2D | 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 #B9D9A0 to #343E2D

#B9D9A0 #343E2D

Calculate the color between two colors, #B9D9A0 and #343E2D. 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)

#B9D9A0 - #343E2D | 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 #B9D9A0 as 0% and #343E2D as 100%.

0.0%	0.0% #B9D9A0	RGB 185 217 160	#B9D9A0
16.7%	16.7% #A2BF8C	RGB 162 191 140	#A2BF8C
33.3%	33.3% #8CA579	RGB 140 165 121	#8CA579
50.0%	50.0% #768B66	RGB 118 139 102	#768B66
66.7%	66.7% #607153	RGB 96 113 83	#607153
83.3%	83.3% #4A5740	RGB 74 87 64	#4A5740
100.0%	100.0% #343E2D	RGB 52 62 45	#343E2D

#B9D9A0 #A2BF8C #8CA579 #768B66 #607153 #4A5740 #343E2D

#B9D9A0 - #343E2D

HSV Blend

#B9D9A0 - #343E2D | 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 #B9D9A0 as 0% and #343E2D as 100%.

0.0%	0.0% #B9D9A0	RGB 185 217 160	#B9D9A0
16.7%	16.7% #A2BF8C	RGB 162 191 140	#A2BF8C
33.3%	33.3% #8CA579	RGB 140 165 121	#8CA579
50.0%	50.0% #758B66	RGB 117 139 102	#758B66
66.7%	66.7% #5F7152	RGB 95 113 82	#5F7152
83.3%	83.3% #49573F	RGB 73 87 63	#49573F
100.0%	100.0% #343E2D	RGB 52 62 45	#343E2D

#B9D9A0 #A2BF8C #8CA579 #758B66 #5F7152 #49573F #343E2D

#B9D9A0 - #758B66 - #343E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9D9A0 0%, #758B66 50%, #343E2D 100%);
    background: -webkit-linear-gradient(top, #B9D9A0 0%, #758B66 50%, #343E2D 100%);
    background: linear-gradient(to bottom, #B9D9A0 0%, #758B66 50%, #343E2D 100%);
}
</style>