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

#2F5E4F #85A871

Calculate the color between two colors, #2F5E4F 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)

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

0.0%	0.0% #2F5E4F	RGB 47 94 79	#2F5E4F
16.7%	16.7% #3D6A54	RGB 61 106 84	#3D6A54
33.3%	33.3% #4B765A	RGB 75 118 90	#4B765A
50.0%	50.0% #5A8360	RGB 90 131 96	#5A8360
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

#2F5E4F #3D6A54 #4B765A #5A8360 #688F65 #769B6B #85A871

#2F5E4F - #85A871

HSV Blend

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

0.0%	0.0% #2F5E4F	RGB 47 94 79	#2F5E4F
16.7%	16.7% #386A51	RGB 56 106 81	#386A51
33.3%	33.3% #427653	RGB 66 118 83	#427653
50.0%	50.0% #4C8355	RGB 76 131 85	#4C8355
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

#2F5E4F #386A51 #427653 #4C8355 #598F58 #6E9B64 #85A871

#2F5E4F - #4C8355 - #85A871

CSS codes

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

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