#085E38 - #72B76C | 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 #085E38 to #72B76C

#085E38 #72B76C

Calculate the color between two colors, #085E38 and #72B76C. 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)

#085E38 - #72B76C | 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 #085E38 as 0% and #72B76C as 100%.

0.0%	0.0% #085E38	RGB 8 94 56	#085E38
16.7%	16.7% #196C40	RGB 25 108 64	#196C40
33.3%	33.3% #2B7B49	RGB 43 123 73	#2B7B49
50.0%	50.0% #3D8A52	RGB 61 138 82	#3D8A52
66.7%	66.7% #4E995A	RGB 78 153 90	#4E995A
83.3%	83.3% #60A863	RGB 96 168 99	#60A863
100.0%	100.0% #72B76C	RGB 114 183 108	#72B76C

#085E38 #196C40 #2B7B49 #3D8A52 #4E995A #60A863 #72B76C

#085E38 - #72B76C

HSV Blend

#085E38 - #72B76C | 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 #085E38 as 0% and #72B76C as 100%.

0.0%	0.0% #075E37	RGB 7 94 55	#075E37
16.7%	16.7% #126C3B	RGB 18 108 59	#126C3B
33.3%	33.3% #1F7B3F	RGB 31 123 63	#1F7B3F
50.0%	50.0% #2E8A44	RGB 46 138 68	#2E8A44
66.7%	66.7% #40994C	RGB 64 153 76	#40994C
83.3%	83.3% #55A857	RGB 85 168 87	#55A857
100.0%	100.0% #72B76C	RGB 114 183 108	#72B76C

#075E37 #126C3B #1F7B3F #2E8A44 #40994C #55A857 #72B76C

#085E38 - #2E8A44 - #72B76C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E37 0%, #2E8A44 50%, #72B76C 100%);
    background: -webkit-linear-gradient(top, #075E37 0%, #2E8A44 50%, #72B76C 100%);
    background: linear-gradient(to bottom, #075E37 0%, #2E8A44 50%, #72B76C 100%);
}
</style>