#2F5E4E - #85A871 | 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 #2F5E4E to #85A871

#2F5E4E #85A871

Calculate the color between two colors, #2F5E4E and #85A871. 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)

#2F5E4E - #85A871 | 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 #2F5E4E as 0% and #85A871 as 100%.

0.0%	0.0% #2F5E4E	RGB 47 94 78	#2F5E4E
16.7%	16.7% #3D6A53	RGB 61 106 83	#3D6A53
33.3%	33.3% #4B7659	RGB 75 118 89	#4B7659
50.0%	50.0% #5A835F	RGB 90 131 95	#5A835F
66.7%	66.7% #688F65	RGB 104 143 101	#688F65
83.3%	83.3% #769B6B	RGB 118 155 107	#769B6B
100.0%	100.0% #85A871	RGB 133 168 113	#85A871

#2F5E4E #3D6A53 #4B7659 #5A835F #688F65 #769B6B #85A871

#2F5E4E - #85A871

HSV Blend

#2F5E4E - #85A871 | 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 #2F5E4E as 0% and #85A871 as 100%.

0.0%	0.0% #2F5E4E	RGB 47 94 78	#2F5E4E
16.7%	16.7% #386A50	RGB 56 106 80	#386A50
33.3%	33.3% #427652	RGB 66 118 82	#427652
50.0%	50.0% #4C8354	RGB 76 131 84	#4C8354
66.7%	66.7% #598F58	RGB 89 143 88	#598F58
83.3%	83.3% #6E9B64	RGB 110 155 100	#6E9B64
100.0%	100.0% #85A871	RGB 133 168 113	#85A871

#2F5E4E #386A50 #427652 #4C8354 #598F58 #6E9B64 #85A871

#2F5E4E - #4C8354 - #85A871

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E4E 0%, #4C8354 50%, #85A871 100%);
    background: -webkit-linear-gradient(top, #2F5E4E 0%, #4C8354 50%, #85A871 100%);
    background: linear-gradient(to bottom, #2F5E4E 0%, #4C8354 50%, #85A871 100%);
}
</style>