#3C5E45 - #044207 | 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 #3C5E45 to #044207

#3C5E45 #044207

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

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

0.0%	0.0% #3C5E45	RGB 60 94 69	#3C5E45
16.7%	16.7% #32593A	RGB 50 89 58	#32593A
33.3%	33.3% #295430	RGB 41 84 48	#295430
50.0%	50.0% #205026	RGB 32 80 38	#205026
66.7%	66.7% #164B1B	RGB 22 75 27	#164B1B
83.3%	83.3% #0D4611	RGB 13 70 17	#0D4611
100.0%	100.0% #044207	RGB 4 66 7	#044207

#3C5E45 #32593A #295430 #205026 #164B1B #0D4611 #044207

#3C5E45 - #044207

HSV Blend

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

0.0%	0.0% #3C5E45	RGB 60 94 69	#3C5E45
16.7%	16.7% #305939	RGB 48 89 57	#305939
33.3%	33.3% #25542E	RGB 37 84 46	#25542E
50.0%	50.0% #1B5024	RGB 27 80 36	#1B5024
66.7%	66.7% #134B19	RGB 19 75 25	#134B19
83.3%	83.3% #0B4610	RGB 11 70 16	#0B4610
100.0%	100.0% #044207	RGB 4 66 7	#044207

#3C5E45 #305939 #25542E #1B5024 #134B19 #0B4610 #044207

#3C5E45 - #1B5024 - #044207

CSS codes

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

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