#343D2B - #7E6B5C | 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 #343D2B to #7E6B5C

#343D2B #7E6B5C

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

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

0.0%	0.0% #343D2B	RGB 52 61 43	#343D2B
16.7%	16.7% #404433	RGB 64 68 51	#404433
33.3%	33.3% #4C4C3B	RGB 76 76 59	#4C4C3B
50.0%	50.0% #595443	RGB 89 84 67	#595443
66.7%	66.7% #655B4B	RGB 101 91 75	#655B4B
83.3%	83.3% #716353	RGB 113 99 83	#716353
100.0%	100.0% #7E6B5C	RGB 126 107 92	#7E6B5C

#343D2B #404433 #4C4C3B #595443 #655B4B #716353 #7E6B5C

#343D2B - #7E6B5C

HSV Blend

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

0.0%	0.0% #343D2B	RGB 52 61 43	#343D2B
16.7%	16.7% #414732	RGB 65 71 50	#414732
33.3%	33.3% #4F523A	RGB 79 82 58	#4F523A
50.0%	50.0% #5D5C43	RGB 93 92 67	#5D5C43
66.7%	66.7% #68624B	RGB 104 98 75	#68624B
83.3%	83.3% #736753	RGB 115 103 83	#736753
100.0%	100.0% #7E6B5C	RGB 126 107 92	#7E6B5C

#343D2B #414732 #4F523A #5D5C43 #68624B #736753 #7E6B5C

#343D2B - #5D5C43 - #7E6B5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #343D2B 0%, #5D5C43 50%, #7E6B5C 100%);
    background: -webkit-linear-gradient(top, #343D2B 0%, #5D5C43 50%, #7E6B5C 100%);
    background: linear-gradient(to bottom, #343D2B 0%, #5D5C43 50%, #7E6B5C 100%);
}
</style>