#3E6960 - #073D2B | 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 #3E6960 to #073D2B

#3E6960 #073D2B

Calculate the color between two colors, #3E6960 and #073D2B. 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)

#3E6960 - #073D2B | 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 #3E6960 as 0% and #073D2B as 100%.

0.0%	0.0% #3E6960	RGB 62 105 96	#3E6960
16.7%	16.7% #346157	RGB 52 97 87	#346157
33.3%	33.3% #2B5A4E	RGB 43 90 78	#2B5A4E
50.0%	50.0% #225345	RGB 34 83 69	#225345
66.7%	66.7% #194B3C	RGB 25 75 60	#194B3C
83.3%	83.3% #104433	RGB 16 68 51	#104433
100.0%	100.0% #073D2B	RGB 7 61 43	#073D2B

#3E6960 #346157 #2B5A4E #225345 #194B3C #104433 #073D2B

#3E6960 - #073D2B

HSV Blend

#3E6960 - #073D2B | 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 #3E6960 as 0% and #073D2B as 100%.

0.0%	0.0% #3E6960	RGB 62 105 96	#3E6960
16.7%	16.7% #316156	RGB 49 97 86	#316156
33.3%	33.3% #275A4D	RGB 39 90 77	#275A4D
50.0%	50.0% #1D5344	RGB 29 83 68	#1D5344
66.7%	66.7% #144B3B	RGB 20 75 59	#144B3B
83.3%	83.3% #0D4433	RGB 13 68 51	#0D4433
100.0%	100.0% #073D2B	RGB 7 61 43	#073D2B

#3E6960 #316156 #275A4D #1D5344 #144B3B #0D4433 #073D2B

#3E6960 - #1D5344 - #073D2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6960 0%, #1D5344 50%, #073D2B 100%);
    background: -webkit-linear-gradient(top, #3E6960 0%, #1D5344 50%, #073D2B 100%);
    background: linear-gradient(to bottom, #3E6960 0%, #1D5344 50%, #073D2B 100%);
}
</style>