#82938B - #2D5E49 | 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 #82938B to #2D5E49

#82938B #2D5E49

Calculate the color between two colors, #82938B and #2D5E49. 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)

#82938B - #2D5E49 | 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 #82938B as 0% and #2D5E49 as 100%.

0.0%	0.0% #82938B	RGB 130 147 139	#82938B
16.7%	16.7% #738A80	RGB 115 138 128	#738A80
33.3%	33.3% #658175	RGB 101 129 117	#658175
50.0%	50.0% #57786A	RGB 87 120 106	#57786A
66.7%	66.7% #496F5F	RGB 73 111 95	#496F5F
83.3%	83.3% #3B6654	RGB 59 102 84	#3B6654
100.0%	100.0% #2D5E49	RGB 45 94 73	#2D5E49

#82938B #738A80 #658175 #57786A #496F5F #3B6654 #2D5E49

#82938B - #2D5E49

HSV Blend

#82938B - #2D5E49 | 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 #82938B as 0% and #2D5E49 as 100%.

0.0%	0.0% #82938B	RGB 130 147 139	#82938B
16.7%	16.7% #708A7E	RGB 112 138 126	#708A7E
33.3%	33.3% #608172	RGB 96 129 114	#608172
50.0%	50.0% #527867	RGB 82 120 103	#527867
66.7%	66.7% #446F5C	RGB 68 111 92	#446F5C
83.3%	83.3% #386652	RGB 56 102 82	#386652
100.0%	100.0% #2D5E49	RGB 45 94 73	#2D5E49

#82938B #708A7E #608172 #527867 #446F5C #386652 #2D5E49

#82938B - #527867 - #2D5E49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82938B 0%, #527867 50%, #2D5E49 100%);
    background: -webkit-linear-gradient(top, #82938B 0%, #527867 50%, #2D5E49 100%);
    background: linear-gradient(to bottom, #82938B 0%, #527867 50%, #2D5E49 100%);
}
</style>