#3C4D4E - #9F9480 | 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 #3C4D4E to #9F9480

#3C4D4E #9F9480

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

#3C4D4E - #9F9480 | 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 #3C4D4E as 0% and #9F9480 as 100%.

0.0%	0.0% #3C4D4E	RGB 60 77 78	#3C4D4E
16.7%	16.7% #4C5856	RGB 76 88 86	#4C5856
33.3%	33.3% #5D645E	RGB 93 100 94	#5D645E
50.0%	50.0% #6D7067	RGB 109 112 103	#6D7067
66.7%	66.7% #7E7C6F	RGB 126 124 111	#7E7C6F
83.3%	83.3% #8E8877	RGB 142 136 119	#8E8877
100.0%	100.0% #9F9480	RGB 159 148 128	#9F9480

#3C4D4E #4C5856 #5D645E #6D7067 #7E7C6F #8E8877 #9F9480

#3C4D4E - #9F9480

HSV Blend

#3C4D4E - #9F9480 | 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 #3C4D4E as 0% and #9F9480 as 100%.

0.0%	0.0% #3C4D4E	RGB 60 77 78	#3C4D4E
16.7%	16.7% #465B54	RGB 70 91 84	#465B54
33.3%	33.3% #526957	RGB 82 105 87	#526957
50.0%	50.0% #61765D	RGB 97 118 93	#61765D
66.7%	66.7% #778468	RGB 119 132 104	#778468
83.3%	83.3% #909174	RGB 144 145 116	#909174
100.0%	100.0% #9F9480	RGB 159 148 128	#9F9480

#3C4D4E #465B54 #526957 #61765D #778468 #909174 #9F9480

#3C4D4E - #61765D - #9F9480

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4D4E 0%, #61765D 50%, #9F9480 100%);
    background: -webkit-linear-gradient(top, #3C4D4E 0%, #61765D 50%, #9F9480 100%);
    background: linear-gradient(to bottom, #3C4D4E 0%, #61765D 50%, #9F9480 100%);
}
</style>