#3E5C55 - #9F8A8A | 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 #3E5C55 to #9F8A8A

#3E5C55 #9F8A8A

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

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

0.0%	0.0% #3E5C55	RGB 62 92 85	#3E5C55
16.7%	16.7% #4E635D	RGB 78 99 93	#4E635D
33.3%	33.3% #5E6B66	RGB 94 107 102	#5E6B66
50.0%	50.0% #6E736F	RGB 110 115 111	#6E736F
66.7%	66.7% #7E7A78	RGB 126 122 120	#7E7A78
83.3%	83.3% #8E8281	RGB 142 130 129	#8E8281
100.0%	100.0% #9F8A8A	RGB 159 138 138	#9F8A8A

#3E5C55 #4E635D #5E6B66 #6E736F #7E7A78 #8E8281 #9F8A8A

#3E5C55 - #9F8A8A

HSV Blend

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

0.0%	0.0% #3E5C55	RGB 62 92 85	#3E5C55
16.7%	16.7% #486752	RGB 72 103 82	#486752
33.3%	33.3% #597254	RGB 89 114 84	#597254
50.0%	50.0% #727D60	RGB 114 125 96	#727D60
66.7%	66.7% #88866D	RGB 136 134 109	#88866D
83.3%	83.3% #93867B	RGB 147 134 123	#93867B
100.0%	100.0% #9F8A8A	RGB 159 138 138	#9F8A8A

#3E5C55 #486752 #597254 #727D60 #88866D #93867B #9F8A8A

#3E5C55 - #727D60 - #9F8A8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C55 0%, #727D60 50%, #9F8A8A 100%);
    background: -webkit-linear-gradient(top, #3E5C55 0%, #727D60 50%, #9F8A8A 100%);
    background: linear-gradient(to bottom, #3E5C55 0%, #727D60 50%, #9F8A8A 100%);
}
</style>