#82A878 - #3B5A2B | 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 #82A878 to #3B5A2B

#82A878 #3B5A2B

Calculate the color between two colors, #82A878 and #3B5A2B. 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)

#82A878 - #3B5A2B | 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 #82A878 as 0% and #3B5A2B as 100%.

0.0%	0.0% #82A878	RGB 130 168 120	#82A878
16.7%	16.7% #769B6B	RGB 118 155 107	#769B6B
33.3%	33.3% #6A8E5E	RGB 106 142 94	#6A8E5E
50.0%	50.0% #5E8151	RGB 94 129 81	#5E8151
66.7%	66.7% #527444	RGB 82 116 68	#527444
83.3%	83.3% #466737	RGB 70 103 55	#466737
100.0%	100.0% #3B5A2B	RGB 59 90 43	#3B5A2B

#82A878 #769B6B #6A8E5E #5E8151 #527444 #466737 #3B5A2B

#82A878 - #3B5A2B

HSV Blend

#82A878 - #3B5A2B | 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 #82A878 as 0% and #3B5A2B as 100%.

0.0%	0.0% #82A878	RGB 130 168 120	#82A878
16.7%	16.7% #749B68	RGB 116 155 104	#749B68
33.3%	33.3% #678E5A	RGB 103 142 90	#678E5A
50.0%	50.0% #5B814C	RGB 91 129 76	#5B814C
66.7%	66.7% #4F7440	RGB 79 116 64	#4F7440
83.3%	83.3% #456735	RGB 69 103 53	#456735
100.0%	100.0% #3B5A2B	RGB 59 90 43	#3B5A2B

#82A878 #749B68 #678E5A #5B814C #4F7440 #456735 #3B5A2B

#82A878 - #5B814C - #3B5A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82A878 0%, #5B814C 50%, #3B5A2B 100%);
    background: -webkit-linear-gradient(top, #82A878 0%, #5B814C 50%, #3B5A2B 100%);
    background: linear-gradient(to bottom, #82A878 0%, #5B814C 50%, #3B5A2B 100%);
}
</style>