#4B5E57 - #82B56E | 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 #4B5E57 to #82B56E

#4B5E57 #82B56E

Calculate the color between two colors, #4B5E57 and #82B56E. 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)

#4B5E57 - #82B56E | 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 #4B5E57 as 0% and #82B56E as 100%.

0.0%	0.0% #4B5E57	RGB 75 94 87	#4B5E57
16.7%	16.7% #546C5A	RGB 84 108 90	#546C5A
33.3%	33.3% #5D7B5E	RGB 93 123 94	#5D7B5E
50.0%	50.0% #668962	RGB 102 137 98	#668962
66.7%	66.7% #6F9866	RGB 111 152 102	#6F9866
83.3%	83.3% #78A66A	RGB 120 166 106	#78A66A
100.0%	100.0% #82B56E	RGB 130 181 110	#82B56E

#4B5E57 #546C5A #5D7B5E #668962 #6F9866 #78A66A #82B56E

#4B5E57 - #82B56E

HSV Blend

#4B5E57 - #82B56E | 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 #4B5E57 as 0% and #82B56E as 100%.

0.0%	0.0% #4B5E57	RGB 75 94 87	#4B5E57
16.7%	16.7% #536C5F	RGB 83 108 95	#536C5F
33.3%	33.3% #5A7B65	RGB 90 123 101	#5A7B65
50.0%	50.0% #608967	RGB 96 137 103	#608967
66.7%	66.7% #669867	RGB 102 152 103	#669867
83.3%	83.3% #72A66A	RGB 114 166 106	#72A66A
100.0%	100.0% #82B56E	RGB 130 181 110	#82B56E

#4B5E57 #536C5F #5A7B65 #608967 #669867 #72A66A #82B56E

#4B5E57 - #608967 - #82B56E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E57 0%, #608967 50%, #82B56E 100%);
    background: -webkit-linear-gradient(top, #4B5E57 0%, #608967 50%, #82B56E 100%);
    background: linear-gradient(to bottom, #4B5E57 0%, #608967 50%, #82B56E 100%);
}
</style>