#3C476E - #8D8C98 | 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 #3C476E to #8D8C98

#3C476E #8D8C98

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

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

0.0%	0.0% #3C476E	RGB 60 71 110	#3C476E
16.7%	16.7% #495275	RGB 73 82 117	#495275
33.3%	33.3% #575E7C	RGB 87 94 124	#575E7C
50.0%	50.0% #646983	RGB 100 105 131	#646983
66.7%	66.7% #72758A	RGB 114 117 138	#72758A
83.3%	83.3% #7F8091	RGB 127 128 145	#7F8091
100.0%	100.0% #8D8C98	RGB 141 140 152	#8D8C98

#3C476E #495275 #575E7C #646983 #72758A #7F8091 #8D8C98

#3C476E - #8D8C98

HSV Blend

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

0.0%	0.0% #3C476E	RGB 60 71 110	#3C476E
16.7%	16.7% #474E75	RGB 71 78 117	#474E75
33.3%	33.3% #53587C	RGB 83 88 124	#53587C
50.0%	50.0% #606283	RGB 96 98 131	#606283
66.7%	66.7% #6D6E8A	RGB 109 110 138	#6D6E8A
83.3%	83.3% #7D7C91	RGB 125 124 145	#7D7C91
100.0%	100.0% #8D8C98	RGB 141 140 152	#8D8C98

#3C476E #474E75 #53587C #606283 #6D6E8A #7D7C91 #8D8C98

#3C476E - #606283 - #8D8C98

CSS codes

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

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