#3E4D4F - #9F9380 | 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 #3E4D4F to #9F9380

#3E4D4F #9F9380

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

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

0.0%	0.0% #3E4D4F	RGB 62 77 79	#3E4D4F
16.7%	16.7% #4E5857	RGB 78 88 87	#4E5857
33.3%	33.3% #5E645F	RGB 94 100 95	#5E645F
50.0%	50.0% #6E7067	RGB 110 112 103	#6E7067
66.7%	66.7% #7E7B6F	RGB 126 123 111	#7E7B6F
83.3%	83.3% #8E8777	RGB 142 135 119	#8E8777
100.0%	100.0% #9F9380	RGB 159 147 128	#9F9380

#3E4D4F #4E5857 #5E645F #6E7067 #7E7B6F #8E8777 #9F9380

#3E4D4F - #9F9380

HSV Blend

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

0.0%	0.0% #3E4D4F	RGB 62 77 79	#3E4D4F
16.7%	16.7% #485C56	RGB 72 92 86	#485C56
33.3%	33.3% #536959	RGB 83 105 89	#536959
50.0%	50.0% #61775E	RGB 97 119 94	#61775E
66.7%	66.7% #788469	RGB 120 132 105	#788469
83.3%	83.3% #909174	RGB 144 145 116	#909174
100.0%	100.0% #9F9380	RGB 159 147 128	#9F9380

#3E4D4F #485C56 #536959 #61775E #788469 #909174 #9F9380

#3E4D4F - #61775E - #9F9380

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D4F 0%, #61775E 50%, #9F9380 100%);
    background: -webkit-linear-gradient(top, #3E4D4F 0%, #61775E 50%, #9F9380 100%);
    background: linear-gradient(to bottom, #3E4D4F 0%, #61775E 50%, #9F9380 100%);
}
</style>