#3C766D - #074732 | 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 #3C766D to #074732

#3C766D #074732

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

#3C766D - #074732 | 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 #3C766D as 0% and #074732 as 100%.

0.0%	0.0% #3C766D	RGB 60 118 109	#3C766D
16.7%	16.7% #336E63	RGB 51 110 99	#336E63
33.3%	33.3% #2A6659	RGB 42 102 89	#2A6659
50.0%	50.0% #215E4F	RGB 33 94 79	#215E4F
66.7%	66.7% #185645	RGB 24 86 69	#185645
83.3%	83.3% #0F4E3B	RGB 15 78 59	#0F4E3B
100.0%	100.0% #074732	RGB 7 71 50	#074732

#3C766D #336E63 #2A6659 #215E4F #185645 #0F4E3B #074732

#3C766D - #074732

HSV Blend

#3C766D - #074732 | 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 #3C766D as 0% and #074732 as 100%.

0.0%	0.0% #3C766D	RGB 60 118 109	#3C766D
16.7%	16.7% #306E62	RGB 48 110 98	#306E62
33.3%	33.3% #266658	RGB 38 102 88	#266658
50.0%	50.0% #1C5E4E	RGB 28 94 78	#1C5E4E
66.7%	66.7% #145644	RGB 20 86 68	#145644
83.3%	83.3% #0D4E3B	RGB 13 78 59	#0D4E3B
100.0%	100.0% #074732	RGB 7 71 50	#074732

#3C766D #306E62 #266658 #1C5E4E #145644 #0D4E3B #074732

#3C766D - #1C5E4E - #074732

CSS codes

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

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