#2F5E41 - #8BAA68 | 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 #2F5E41 to #8BAA68

#2F5E41 #8BAA68

Calculate the color between two colors, #2F5E41 and #8BAA68. 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)

#2F5E41 - #8BAA68 | 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 #2F5E41 as 0% and #8BAA68 as 100%.

0.0%	0.0% #2F5E41	RGB 47 94 65	#2F5E41
16.7%	16.7% #3E6A47	RGB 62 106 71	#3E6A47
33.3%	33.3% #4D774E	RGB 77 119 78	#4D774E
50.0%	50.0% #5D8454	RGB 93 132 84	#5D8454
66.7%	66.7% #6C905B	RGB 108 144 91	#6C905B
83.3%	83.3% #7B9D61	RGB 123 157 97	#7B9D61
100.0%	100.0% #8BAA68	RGB 139 170 104	#8BAA68

#2F5E41 #3E6A47 #4D774E #5D8454 #6C905B #7B9D61 #8BAA68

#2F5E41 - #8BAA68

HSV Blend

#2F5E41 - #8BAA68 | 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 #2F5E41 as 0% and #8BAA68 as 100%.

0.0%	0.0% #2F5E41	RGB 47 94 65	#2F5E41
16.7%	16.7% #376A43	RGB 55 106 67	#376A43
33.3%	33.3% #407744	RGB 64 119 68	#407744
50.0%	50.0% #4D8449	RGB 77 132 73	#4D8449
66.7%	66.7% #619053	RGB 97 144 83	#619053
83.3%	83.3% #759D5D	RGB 117 157 93	#759D5D
100.0%	100.0% #8BAA68	RGB 139 170 104	#8BAA68

#2F5E41 #376A43 #407744 #4D8449 #619053 #759D5D #8BAA68

#2F5E41 - #4D8449 - #8BAA68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E41 0%, #4D8449 50%, #8BAA68 100%);
    background: -webkit-linear-gradient(top, #2F5E41 0%, #4D8449 50%, #8BAA68 100%);
    background: linear-gradient(to bottom, #2F5E41 0%, #4D8449 50%, #8BAA68 100%);
}
</style>