#3E476D - #8F8B96 | 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 #3E476D to #8F8B96

#3E476D #8F8B96

Calculate the color between two colors, #3E476D and #8F8B96. 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)

#3E476D - #8F8B96 | 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 #3E476D as 0% and #8F8B96 as 100%.

0.0%	0.0% #3E476D	RGB 62 71 109	#3E476D
16.7%	16.7% #4B5273	RGB 75 82 115	#4B5273
33.3%	33.3% #595D7A	RGB 89 93 122	#595D7A
50.0%	50.0% #666981	RGB 102 105 129	#666981
66.7%	66.7% #747488	RGB 116 116 136	#747488
83.3%	83.3% #817F8F	RGB 129 127 143	#817F8F
100.0%	100.0% #8F8B96	RGB 143 139 150	#8F8B96

#3E476D #4B5273 #595D7A #666981 #747488 #817F8F #8F8B96

#3E476D - #8F8B96

HSV Blend

#3E476D - #8F8B96 | 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 #3E476D as 0% and #8F8B96 as 100%.

0.0%	0.0% #3E466D	RGB 62 70 109	#3E466D
16.7%	16.7% #484D73	RGB 72 77 115	#484D73
33.3%	33.3% #54547A	RGB 84 84 122	#54547A
50.0%	50.0% #636081	RGB 99 96 129	#636081
66.7%	66.7% #726E88	RGB 114 110 136	#726E88
83.3%	83.3% #817C8F	RGB 129 124 143	#817C8F
100.0%	100.0% #8F8B96	RGB 143 139 150	#8F8B96

#3E466D #484D73 #54547A #636081 #726E88 #817C8F #8F8B96

#3E476D - #636081 - #8F8B96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E466D 0%, #636081 50%, #8F8B96 100%);
    background: -webkit-linear-gradient(top, #3E466D 0%, #636081 50%, #8F8B96 100%);
    background: linear-gradient(to bottom, #3E466D 0%, #636081 50%, #8F8B96 100%);
}
</style>