#3C486B - #8F8D95 | 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 #3C486B to #8F8D95

#3C486B #8F8D95

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

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

0.0%	0.0% #3C486B	RGB 60 72 107	#3C486B
16.7%	16.7% #495372	RGB 73 83 114	#495372
33.3%	33.3% #575F79	RGB 87 95 121	#575F79
50.0%	50.0% #656A80	RGB 101 106 128	#656A80
66.7%	66.7% #737687	RGB 115 118 135	#737687
83.3%	83.3% #81818E	RGB 129 129 142	#81818E
100.0%	100.0% #8F8D95	RGB 143 141 149	#8F8D95

#3C486B #495372 #575F79 #656A80 #737687 #81818E #8F8D95

#3C486B - #8F8D95

HSV Blend

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

0.0%	0.0% #3C476B	RGB 60 71 107	#3C476B
16.7%	16.7% #474E72	RGB 71 78 114	#474E72
33.3%	33.3% #535679	RGB 83 86 121	#535679
50.0%	50.0% #606080	RGB 96 96 128	#606080
66.7%	66.7% #706E87	RGB 112 110 135	#706E87
83.3%	83.3% #807D8E	RGB 128 125 142	#807D8E
100.0%	100.0% #8F8D95	RGB 143 141 149	#8F8D95

#3C476B #474E72 #535679 #606080 #706E87 #807D8E #8F8D95

#3C486B - #606080 - #8F8D95

CSS codes

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

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