#3E4358 - #8F8480 | 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 #3E4358 to #8F8480

#3E4358 #8F8480

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

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

0.0%	0.0% #3E4358	RGB 62 67 88	#3E4358
16.7%	16.7% #4B4D5E	RGB 75 77 94	#4B4D5E
33.3%	33.3% #595865	RGB 89 88 101	#595865
50.0%	50.0% #66636C	RGB 102 99 108	#66636C
66.7%	66.7% #746E72	RGB 116 110 114	#746E72
83.3%	83.3% #817979	RGB 129 121 121	#817979
100.0%	100.0% #8F8480	RGB 143 132 128	#8F8480

#3E4358 #4B4D5E #595865 #66636C #746E72 #817979 #8F8480

#3E4358 - #8F8480

HSV Blend

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

0.0%	0.0% #3E4358	RGB 62 67 88	#3E4358
16.7%	16.7% #4D4761	RGB 77 71 97	#4D4761
33.3%	33.3% #61516A	RGB 97 81 106	#61516A
50.0%	50.0% #735C72	RGB 115 92 114	#735C72
66.7%	66.7% #7C6773	RGB 124 103 115	#7C6773
83.3%	83.3% #857376	RGB 133 115 118	#857376
100.0%	100.0% #8F8480	RGB 143 132 128	#8F8480

#3E4358 #4D4761 #61516A #735C72 #7C6773 #857376 #8F8480

#3E4358 - #735C72 - #8F8480

CSS codes

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

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