#3E475E - #9FAA8F | 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 #3E475E to #9FAA8F

#3E475E #9FAA8F

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

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

0.0%	0.0% #3E475E	RGB 62 71 94	#3E475E
16.7%	16.7% #4E5766	RGB 78 87 102	#4E5766
33.3%	33.3% #5E686E	RGB 94 104 110	#5E686E
50.0%	50.0% #6E7876	RGB 110 120 118	#6E7876
66.7%	66.7% #7E897E	RGB 126 137 126	#7E897E
83.3%	83.3% #8E9986	RGB 142 153 134	#8E9986
100.0%	100.0% #9FAA8F	RGB 159 170 143	#9FAA8F

#3E475E #4E5766 #5E686E #6E7876 #7E897E #8E9986 #9FAA8F

#3E475E - #9FAA8F

HSV Blend

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

0.0%	0.0% #3E475E	RGB 62 71 94	#3E475E
16.7%	16.7% #495F6A	RGB 73 95 106	#495F6A
33.3%	33.3% #557775	RGB 85 119 117	#557775
50.0%	50.0% #638475	RGB 99 132 117	#638475
66.7%	66.7% #709076	RGB 112 144 118	#709076
83.3%	83.3% #859D7F	RGB 133 157 127	#859D7F
100.0%	100.0% #9FAA8F	RGB 159 170 143	#9FAA8F

#3E475E #495F6A #557775 #638475 #709076 #859D7F #9FAA8F

#3E475E - #638475 - #9FAA8F

CSS codes

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

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