#3D4E3C - #113A02 | 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 #3D4E3C to #113A02

#3D4E3C #113A02

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

#3D4E3C - #113A02 | 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 #3D4E3C as 0% and #113A02 as 100%.

0.0%	0.0% #3D4E3C	RGB 61 78 60	#3D4E3C
16.7%	16.7% #354A32	RGB 53 74 50	#354A32
33.3%	33.3% #2E4728	RGB 46 71 40	#2E4728
50.0%	50.0% #27441F	RGB 39 68 31	#27441F
66.7%	66.7% #1F4015	RGB 31 64 21	#1F4015
83.3%	83.3% #183D0B	RGB 24 61 11	#183D0B
100.0%	100.0% #113A02	RGB 17 58 2	#113A02

#3D4E3C #354A32 #2E4728 #27441F #1F4015 #183D0B #113A02

#3D4E3C - #113A02

HSV Blend

#3D4E3C - #113A02 | 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 #3D4E3C as 0% and #113A02 as 100%.

0.0%	0.0% #3D4E3C	RGB 61 78 60	#3D4E3C
16.7%	16.7% #324A30	RGB 50 74 48	#324A30
33.3%	33.3% #294725	RGB 41 71 37	#294725
50.0%	50.0% #21441B	RGB 33 68 27	#21441B
66.7%	66.7% #1B4012	RGB 27 64 18	#1B4012
83.3%	83.3% #153D09	RGB 21 61 9	#153D09
100.0%	100.0% #113A02	RGB 17 58 2	#113A02

#3D4E3C #324A30 #294725 #21441B #1B4012 #153D09 #113A02

#3D4E3C - #21441B - #113A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4E3C 0%, #21441B 50%, #113A02 100%);
    background: -webkit-linear-gradient(top, #3D4E3C 0%, #21441B 50%, #113A02 100%);
    background: linear-gradient(to bottom, #3D4E3C 0%, #21441B 50%, #113A02 100%);
}
</style>