#6B5D2D - #76B880 | 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 #6B5D2D to #76B880

#6B5D2D #76B880

Calculate the color between two colors, #6B5D2D and #76B880. 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)

#6B5D2D - #76B880 | 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 #6B5D2D as 0% and #76B880 as 100%.

0.0%	0.0% #6B5D2D	RGB 107 93 45	#6B5D2D
16.7%	16.7% #6C6C3A	RGB 108 108 58	#6C6C3A
33.3%	33.3% #6E7B48	RGB 110 123 72	#6E7B48
50.0%	50.0% #708A56	RGB 112 138 86	#708A56
66.7%	66.7% #729964	RGB 114 153 100	#729964
83.3%	83.3% #74A872	RGB 116 168 114	#74A872
100.0%	100.0% #76B880	RGB 118 184 128	#76B880

#6B5D2D #6C6C3A #6E7B48 #708A56 #729964 #74A872 #76B880

#6B5D2D - #76B880

HSV Blend

#6B5D2D - #76B880 | 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 #6B5D2D as 0% and #76B880 as 100%.

0.0%	0.0% #6B5D2D	RGB 107 93 45	#6B5D2D
16.7%	16.7% #777736	RGB 119 119 54	#777736
33.3%	33.3% #758441	RGB 117 132 65	#758441
50.0%	50.0% #71914D	RGB 113 145 77	#71914D
66.7%	66.7% #6E9E59	RGB 110 158 89	#6E9E59
83.3%	83.3% #6CAB67	RGB 108 171 103	#6CAB67
100.0%	100.0% #76B880	RGB 118 184 128	#76B880

#6B5D2D #777736 #758441 #71914D #6E9E59 #6CAB67 #76B880

#6B5D2D - #71914D - #76B880

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5D2D 0%, #71914D 50%, #76B880 100%);
    background: -webkit-linear-gradient(top, #6B5D2D 0%, #71914D 50%, #76B880 100%);
    background: linear-gradient(to bottom, #6B5D2D 0%, #71914D 50%, #76B880 100%);
}
</style>