#2F5E50 - #85A873 | 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 #2F5E50 to #85A873

#2F5E50 #85A873

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

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

0.0%	0.0% #2F5E50	RGB 47 94 80	#2F5E50
16.7%	16.7% #3D6A55	RGB 61 106 85	#3D6A55
33.3%	33.3% #4B765B	RGB 75 118 91	#4B765B
50.0%	50.0% #5A8361	RGB 90 131 97	#5A8361
66.7%	66.7% #688F67	RGB 104 143 103	#688F67
83.3%	83.3% #769B6D	RGB 118 155 109	#769B6D
100.0%	100.0% #85A873	RGB 133 168 115	#85A873

#2F5E50 #3D6A55 #4B765B #5A8361 #688F67 #769B6D #85A873

#2F5E50 - #85A873

HSV Blend

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

0.0%	0.0% #2F5E50	RGB 47 94 80	#2F5E50
16.7%	16.7% #386A52	RGB 56 106 82	#386A52
33.3%	33.3% #427655	RGB 66 118 85	#427655
50.0%	50.0% #4D8357	RGB 77 131 87	#4D8357
66.7%	66.7% #598F59	RGB 89 143 89	#598F59
83.3%	83.3% #6E9B65	RGB 110 155 101	#6E9B65
100.0%	100.0% #85A873	RGB 133 168 115	#85A873

#2F5E50 #386A52 #427655 #4D8357 #598F59 #6E9B65 #85A873

#2F5E50 - #4D8357 - #85A873

CSS codes

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

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