#3D5E3D - #0E2D18 | 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 #3D5E3D to #0E2D18

#3D5E3D #0E2D18

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

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

0.0%	0.0% #3D5E3D	RGB 61 94 61	#3D5E3D
16.7%	16.7% #355536	RGB 53 85 54	#355536
33.3%	33.3% #2D4D30	RGB 45 77 48	#2D4D30
50.0%	50.0% #25452A	RGB 37 69 42	#25452A
66.7%	66.7% #1D3D24	RGB 29 61 36	#1D3D24
83.3%	83.3% #15351E	RGB 21 53 30	#15351E
100.0%	100.0% #0E2D18	RGB 14 45 24	#0E2D18

#3D5E3D #355536 #2D4D30 #25452A #1D3D24 #15351E #0E2D18

#3D5E3D - #0E2D18

HSV Blend

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

0.0%	0.0% #3D5E3D	RGB 61 94 61	#3D5E3D
16.7%	16.7% #325534	RGB 50 85 52	#325534
33.3%	33.3% #294D2D	RGB 41 77 45	#294D2D
50.0%	50.0% #214527	RGB 33 69 39	#214527
66.7%	66.7% #193D21	RGB 25 61 33	#193D21
83.3%	83.3% #13351C	RGB 19 53 28	#13351C
100.0%	100.0% #0E2D18	RGB 14 45 24	#0E2D18

#3D5E3D #325534 #294D2D #214527 #193D21 #13351C #0E2D18

#3D5E3D - #214527 - #0E2D18

CSS codes

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

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