#3E5E59 - #074A3F | 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 #3E5E59 to #074A3F

#3E5E59 #074A3F

Calculate the color between two colors, #3E5E59 and #074A3F. 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)

#3E5E59 - #074A3F | 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 #3E5E59 as 0% and #074A3F as 100%.

0.0%	0.0% #3E5E59	RGB 62 94 89	#3E5E59
16.7%	16.7% #345A54	RGB 52 90 84	#345A54
33.3%	33.3% #2B5750	RGB 43 87 80	#2B5750
50.0%	50.0% #22544C	RGB 34 84 76	#22544C
66.7%	66.7% #195047	RGB 25 80 71	#195047
83.3%	83.3% #104D43	RGB 16 77 67	#104D43
100.0%	100.0% #074A3F	RGB 7 74 63	#074A3F

#3E5E59 #345A54 #2B5750 #22544C #195047 #104D43 #074A3F

#3E5E59 - #074A3F

HSV Blend

#3E5E59 - #074A3F | 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 #3E5E59 as 0% and #074A3F as 100%.

0.0%	0.0% #3E5E59	RGB 62 94 89	#3E5E59
16.7%	16.7% #335A54	RGB 51 90 84	#335A54
33.3%	33.3% #29574F	RGB 41 87 79	#29574F
50.0%	50.0% #1F544B	RGB 31 84 75	#1F544B
66.7%	66.7% #165047	RGB 22 80 71	#165047
83.3%	83.3% #0E4D43	RGB 14 77 67	#0E4D43
100.0%	100.0% #074A3F	RGB 7 74 63	#074A3F

#3E5E59 #335A54 #29574F #1F544B #165047 #0E4D43 #074A3F

#3E5E59 - #1F544B - #074A3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E59 0%, #1F544B 50%, #074A3F 100%);
    background: -webkit-linear-gradient(top, #3E5E59 0%, #1F544B 50%, #074A3F 100%);
    background: linear-gradient(to bottom, #3E5E59 0%, #1F544B 50%, #074A3F 100%);
}
</style>