#3E4570 - #8C8999 | 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 #3E4570 to #8C8999

#3E4570 #8C8999

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

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

0.0%	0.0% #3E4570	RGB 62 69 112	#3E4570
16.7%	16.7% #4B5076	RGB 75 80 118	#4B5076
33.3%	33.3% #585B7D	RGB 88 91 125	#585B7D
50.0%	50.0% #656784	RGB 101 103 132	#656784
66.7%	66.7% #72728B	RGB 114 114 139	#72728B
83.3%	83.3% #7F7D92	RGB 127 125 146	#7F7D92
100.0%	100.0% #8C8999	RGB 140 137 153	#8C8999

#3E4570 #4B5076 #585B7D #656784 #72728B #7F7D92 #8C8999

#3E4570 - #8C8999

HSV Blend

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

0.0%	0.0% #3E4570	RGB 62 69 112	#3E4570
16.7%	16.7% #484C76	RGB 72 76 118	#484C76
33.3%	33.3% #53557D	RGB 83 85 125	#53557D
50.0%	50.0% #605F84	RGB 96 95 132	#605F84
66.7%	66.7% #6F6C8B	RGB 111 108 139	#6F6C8B
83.3%	83.3% #7D7A92	RGB 125 122 146	#7D7A92
100.0%	100.0% #8C8999	RGB 140 137 153	#8C8999

#3E4570 #484C76 #53557D #605F84 #6F6C8B #7D7A92 #8C8999

#3E4570 - #605F84 - #8C8999

CSS codes

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

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