#3E656E - #9F9D9A | 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 #3E656E to #9F9D9A

#3E656E #9F9D9A

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

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

0.0%	0.0% #3E656E	RGB 62 101 110	#3E656E
16.7%	16.7% #4E6E75	RGB 78 110 117	#4E6E75
33.3%	33.3% #5E777C	RGB 94 119 124	#5E777C
50.0%	50.0% #6E8184	RGB 110 129 132	#6E8184
66.7%	66.7% #7E8A8B	RGB 126 138 139	#7E8A8B
83.3%	83.3% #8E9392	RGB 142 147 146	#8E9392
100.0%	100.0% #9F9D9A	RGB 159 157 154	#9F9D9A

#3E656E #4E6E75 #5E777C #6E8184 #7E8A8B #8E9392 #9F9D9A

#3E656E - #9F9D9A

HSV Blend

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

0.0%	0.0% #3E656E	RGB 62 101 110	#3E656E
16.7%	16.7% #4A766B	RGB 74 118 107	#4A766B
33.3%	33.3% #587E64	RGB 88 126 100	#587E64
50.0%	50.0% #6A8667	RGB 106 134 103	#6A8667
66.7%	66.7% #838E76	RGB 131 142 118	#838E76
83.3%	83.3% #969687	RGB 150 150 135	#969687
100.0%	100.0% #9F9D9A	RGB 159 157 154	#9F9D9A

#3E656E #4A766B #587E64 #6A8667 #838E76 #969687 #9F9D9A

#3E656E - #6A8667 - #9F9D9A

CSS codes

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

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