#3D5E55 - #07462E | 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 #3D5E55 to #07462E

#3D5E55 #07462E

Calculate the color between two colors, #3D5E55 and #07462E. 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)

#3D5E55 - #07462E | 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 #3D5E55 as 0% and #07462E as 100%.

0.0%	0.0% #3D5E55	RGB 61 94 85	#3D5E55
16.7%	16.7% #345A4E	RGB 52 90 78	#345A4E
33.3%	33.3% #2B5648	RGB 43 86 72	#2B5648
50.0%	50.0% #225241	RGB 34 82 65	#225241
66.7%	66.7% #194E3B	RGB 25 78 59	#194E3B
83.3%	83.3% #104A34	RGB 16 74 52	#104A34
100.0%	100.0% #07462E	RGB 7 70 46	#07462E

#3D5E55 #345A4E #2B5648 #225241 #194E3B #104A34 #07462E

#3D5E55 - #07462E

HSV Blend

#3D5E55 - #07462E | 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 #3D5E55 as 0% and #07462E as 100%.

0.0%	0.0% #3D5E55	RGB 61 94 85	#3D5E55
16.7%	16.7% #325A4E	RGB 50 90 78	#325A4E
33.3%	33.3% #285647	RGB 40 86 71	#285647
50.0%	50.0% #1E5241	RGB 30 82 65	#1E5241
66.7%	66.7% #164E3A	RGB 22 78 58	#164E3A
83.3%	83.3% #0E4A34	RGB 14 74 52	#0E4A34
100.0%	100.0% #07462E	RGB 7 70 46	#07462E

#3D5E55 #325A4E #285647 #1E5241 #164E3A #0E4A34 #07462E

#3D5E55 - #1E5241 - #07462E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E55 0%, #1E5241 50%, #07462E 100%);
    background: -webkit-linear-gradient(top, #3D5E55 0%, #1E5241 50%, #07462E 100%);
    background: linear-gradient(to bottom, #3D5E55 0%, #1E5241 50%, #07462E 100%);
}
</style>