#3D5E48 - #074413 | 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 #3D5E48 to #074413

#3D5E48 #074413

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

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

0.0%	0.0% #3D5E48	RGB 61 94 72	#3D5E48
16.7%	16.7% #34593F	RGB 52 89 63	#34593F
33.3%	33.3% #2B5536	RGB 43 85 54	#2B5536
50.0%	50.0% #22512D	RGB 34 81 45	#22512D
66.7%	66.7% #194C24	RGB 25 76 36	#194C24
83.3%	83.3% #10481B	RGB 16 72 27	#10481B
100.0%	100.0% #074413	RGB 7 68 19	#074413

#3D5E48 #34593F #2B5536 #22512D #194C24 #10481B #074413

#3D5E48 - #074413

HSV Blend

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

0.0%	0.0% #3D5E48	RGB 61 94 72	#3D5E48
16.7%	16.7% #32593E	RGB 50 89 62	#32593E
33.3%	33.3% #275534	RGB 39 85 52	#275534
50.0%	50.0% #1E512B	RGB 30 81 43	#1E512B
66.7%	66.7% #154C23	RGB 21 76 35	#154C23
83.3%	83.3% #0E481A	RGB 14 72 26	#0E481A
100.0%	100.0% #074413	RGB 7 68 19	#074413

#3D5E48 #32593E #275534 #1E512B #154C23 #0E481A #074413

#3D5E48 - #1E512B - #074413

CSS codes

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

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