#B8C29C - #34372C | 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 #B8C29C to #34372C

#B8C29C #34372C

Calculate the color between two colors, #B8C29C and #34372C. 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)

#B8C29C - #34372C | 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 #B8C29C as 0% and #34372C as 100%.

0.0%	0.0% #B8C29C	RGB 184 194 156	#B8C29C
16.7%	16.7% #A2AA89	RGB 162 170 137	#A2AA89
33.3%	33.3% #8C9376	RGB 140 147 118	#8C9376
50.0%	50.0% #767C64	RGB 118 124 100	#767C64
66.7%	66.7% #606551	RGB 96 101 81	#606551
83.3%	83.3% #4A4E3E	RGB 74 78 62	#4A4E3E
100.0%	100.0% #34372C	RGB 52 55 44	#34372C

#B8C29C #A2AA89 #8C9376 #767C64 #606551 #4A4E3E #34372C

#B8C29C - #34372C

HSV Blend

#B8C29C - #34372C | 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 #B8C29C as 0% and #34372C as 100%.

0.0%	0.0% #B8C29C	RGB 184 194 156	#B8C29C
16.7%	16.7% #A1AA89	RGB 161 170 137	#A1AA89
33.3%	33.3% #8B9376	RGB 139 147 118	#8B9376
50.0%	50.0% #757C63	RGB 117 124 99	#757C63
66.7%	66.7% #5F6551	RGB 95 101 81	#5F6551
83.3%	83.3% #494E3E	RGB 73 78 62	#494E3E
100.0%	100.0% #34372C	RGB 52 55 44	#34372C

#B8C29C #A1AA89 #8B9376 #757C63 #5F6551 #494E3E #34372C

#B8C29C - #757C63 - #34372C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C29C 0%, #757C63 50%, #34372C 100%);
    background: -webkit-linear-gradient(top, #B8C29C 0%, #757C63 50%, #34372C 100%);
    background: linear-gradient(to bottom, #B8C29C 0%, #757C63 50%, #34372C 100%);
}
</style>