#3C4E3C - #82AD68 | 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 #3C4E3C to #82AD68

#3C4E3C #82AD68

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

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

0.0%	0.0% #3C4E3C	RGB 60 78 60	#3C4E3C
16.7%	16.7% #475D43	RGB 71 93 67	#475D43
33.3%	33.3% #536D4A	RGB 83 109 74	#536D4A
50.0%	50.0% #5F7D52	RGB 95 125 82	#5F7D52
66.7%	66.7% #6A8D59	RGB 106 141 89	#6A8D59
83.3%	83.3% #769D60	RGB 118 157 96	#769D60
100.0%	100.0% #82AD68	RGB 130 173 104	#82AD68

#3C4E3C #475D43 #536D4A #5F7D52 #6A8D59 #769D60 #82AD68

#3C4E3C - #82AD68

HSV Blend

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

0.0%	0.0% #3C4E3C	RGB 60 78 60	#3C4E3C
16.7%	16.7% #475D45	RGB 71 93 69	#475D45
33.3%	33.3% #526D4E	RGB 82 109 78	#526D4E
50.0%	50.0% #5D7D55	RGB 93 125 85	#5D7D55
66.7%	66.7% #698D5C	RGB 105 141 92	#698D5C
83.3%	83.3% #759D62	RGB 117 157 98	#759D62
100.0%	100.0% #82AD68	RGB 130 173 104	#82AD68

#3C4E3C #475D45 #526D4E #5D7D55 #698D5C #759D62 #82AD68

#3C4E3C - #5D7D55 - #82AD68

CSS codes

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

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