#044B3C - #4F9F6E | 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 #044B3C to #4F9F6E

#044B3C #4F9F6E

Calculate the color between two colors, #044B3C and #4F9F6E. 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)

#044B3C - #4F9F6E | 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 #044B3C as 0% and #4F9F6E as 100%.

0.0%	0.0% #044B3C	RGB 4 75 60	#044B3C
16.7%	16.7% #105944	RGB 16 89 68	#105944
33.3%	33.3% #1D674C	RGB 29 103 76	#1D674C
50.0%	50.0% #297555	RGB 41 117 85	#297555
66.7%	66.7% #36835D	RGB 54 131 93	#36835D
83.3%	83.3% #429165	RGB 66 145 101	#429165
100.0%	100.0% #4F9F6E	RGB 79 159 110	#4F9F6E

#044B3C #105944 #1D674C #297555 #36835D #429165 #4F9F6E

#044B3C - #4F9F6E

HSV Blend

#044B3C - #4F9F6E | 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 #044B3C as 0% and #4F9F6E as 100%.

0.0%	0.0% #044B3C	RGB 4 75 60	#044B3C
16.7%	16.7% #0B5943	RGB 11 89 67	#0B5943
33.3%	33.3% #14674A	RGB 20 103 74	#14674A
50.0%	50.0% #207552	RGB 32 117 82	#207552
66.7%	66.7% #2D835A	RGB 45 131 90	#2D835A
83.3%	83.3% #3D9163	RGB 61 145 99	#3D9163
100.0%	100.0% #4F9F6E	RGB 79 159 110	#4F9F6E

#044B3C #0B5943 #14674A #207552 #2D835A #3D9163 #4F9F6E

#044B3C - #207552 - #4F9F6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #044B3C 0%, #207552 50%, #4F9F6E 100%);
    background: -webkit-linear-gradient(top, #044B3C 0%, #207552 50%, #4F9F6E 100%);
    background: linear-gradient(to bottom, #044B3C 0%, #207552 50%, #4F9F6E 100%);
}
</style>