#3D3E3E - #6E7B56 | 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 #3D3E3E to #6E7B56

#3D3E3E #6E7B56

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

#3D3E3E - #6E7B56 | 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 #3D3E3E as 0% and #6E7B56 as 100%.

0.0%	0.0% #3D3E3E	RGB 61 62 62	#3D3E3E
16.7%	16.7% #454842	RGB 69 72 66	#454842
33.3%	33.3% #4D5246	RGB 77 82 70	#4D5246
50.0%	50.0% #555C4A	RGB 85 92 74	#555C4A
66.7%	66.7% #5D664E	RGB 93 102 78	#5D664E
83.3%	83.3% #657052	RGB 101 112 82	#657052
100.0%	100.0% #6E7B56	RGB 110 123 86	#6E7B56

#3D3E3E #454842 #4D5246 #555C4A #5D664E #657052 #6E7B56

#3D3E3E - #6E7B56

HSV Blend

#3D3E3E - #6E7B56 | 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 #3D3E3E as 0% and #6E7B56 as 100%.

0.0%	0.0% #3D3E3E	RGB 61 62 62	#3D3E3E
16.7%	16.7% #434846	RGB 67 72 70	#434846
33.3%	33.3% #49524D	RGB 73 82 77	#49524D
50.0%	50.0% #4D5C50	RGB 77 92 80	#4D5C50
66.7%	66.7% #536651	RGB 83 102 81	#536651
83.3%	83.3% #5E7054	RGB 94 112 84	#5E7054
100.0%	100.0% #6E7B56	RGB 110 123 86	#6E7B56

#3D3E3E #434846 #49524D #4D5C50 #536651 #5E7054 #6E7B56

#3D3E3E - #4D5C50 - #6E7B56

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E3E 0%, #4D5C50 50%, #6E7B56 100%);
    background: -webkit-linear-gradient(top, #3D3E3E 0%, #4D5C50 50%, #6E7B56 100%);
    background: linear-gradient(to bottom, #3D3E3E 0%, #4D5C50 50%, #6E7B56 100%);
}
</style>