#3D3C3E - #878A61 | 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 #3D3C3E to #878A61

#3D3C3E #878A61

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

#3D3C3E - #878A61 | 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 #3D3C3E as 0% and #878A61 as 100%.

0.0%	0.0% #3D3C3E	RGB 61 60 62	#3D3C3E
16.7%	16.7% #494943	RGB 73 73 67	#494943
33.3%	33.3% #555649	RGB 85 86 73	#555649
50.0%	50.0% #62634F	RGB 98 99 79	#62634F
66.7%	66.7% #6E7055	RGB 110 112 85	#6E7055
83.3%	83.3% #7A7D5B	RGB 122 125 91	#7A7D5B
100.0%	100.0% #878A61	RGB 135 138 97	#878A61

#3D3C3E #494943 #555649 #62634F #6E7055 #7A7D5B #878A61

#3D3C3E - #878A61

HSV Blend

#3D3C3E - #878A61 | 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 #3D3C3E as 0% and #878A61 as 100%.

0.0%	0.0% #3D3C3E	RGB 61 60 62	#3D3C3E
16.7%	16.7% #4A444A	RGB 74 68 74	#4A444A
33.3%	33.3% #574C53	RGB 87 76 83	#574C53
50.0%	50.0% #645357	RGB 100 83 87	#645357
66.7%	66.7% #705E59	RGB 112 94 89	#705E59
83.3%	83.3% #7D725D	RGB 125 114 93	#7D725D
100.0%	100.0% #878A61	RGB 135 138 97	#878A61

#3D3C3E #4A444A #574C53 #645357 #705E59 #7D725D #878A61

#3D3C3E - #645357 - #878A61

CSS codes

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

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