#3E425A - #8F8482 | 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 #3E425A to #8F8482

#3E425A #8F8482

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

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

0.0%	0.0% #3E425A	RGB 62 66 90	#3E425A
16.7%	16.7% #4B4D60	RGB 75 77 96	#4B4D60
33.3%	33.3% #595867	RGB 89 88 103	#595867
50.0%	50.0% #66636E	RGB 102 99 110	#66636E
66.7%	66.7% #746E74	RGB 116 110 116	#746E74
83.3%	83.3% #81797B	RGB 129 121 123	#81797B
100.0%	100.0% #8F8482	RGB 143 132 130	#8F8482

#3E425A #4B4D60 #595867 #66636E #746E74 #81797B #8F8482

#3E425A - #8F8482

HSV Blend

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

0.0%	0.0% #3E425A	RGB 62 66 90	#3E425A
16.7%	16.7% #4E4762	RGB 78 71 98	#4E4762
33.3%	33.3% #62526B	RGB 98 82 107	#62526B
50.0%	50.0% #745D74	RGB 116 93 116	#745D74
66.7%	66.7% #7D6875	RGB 125 104 117	#7D6875
83.3%	83.3% #867578	RGB 134 117 120	#867578
100.0%	100.0% #8F8482	RGB 143 132 130	#8F8482

#3E425A #4E4762 #62526B #745D74 #7D6875 #867578 #8F8482

#3E425A - #745D74 - #8F8482

CSS codes

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

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