#3E3E6E - #858096 | 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 #3E3E6E to #858096

#3E3E6E #858096

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

#3E3E6E - #858096 | 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 #3E3E6E as 0% and #858096 as 100%.

0.0%	0.0% #3E3E6E	RGB 62 62 110	#3E3E6E
16.7%	16.7% #494974	RGB 73 73 116	#494974
33.3%	33.3% #55547B	RGB 85 84 123	#55547B
50.0%	50.0% #615F82	RGB 97 95 130	#615F82
66.7%	66.7% #6D6A88	RGB 109 106 136	#6D6A88
83.3%	83.3% #79758F	RGB 121 117 143	#79758F
100.0%	100.0% #858096	RGB 133 128 150	#858096

#3E3E6E #494974 #55547B #615F82 #6D6A88 #79758F #858096

#3E3E6E - #858096

HSV Blend

#3E3E6E - #858096 | 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 #3E3E6E as 0% and #858096 as 100%.

0.0%	0.0% #3E3E6E	RGB 62 62 110	#3E3E6E
16.7%	16.7% #494774	RGB 73 71 116	#494774
33.3%	33.3% #54517B	RGB 84 81 123	#54517B
50.0%	50.0% #605C82	RGB 96 92 130	#605C82
66.7%	66.7% #6C6788	RGB 108 103 136	#6C6788
83.3%	83.3% #78738F	RGB 120 115 143	#78738F
100.0%	100.0% #858096	RGB 133 128 150	#858096

#3E3E6E #494774 #54517B #605C82 #6C6788 #78738F #858096

#3E3E6E - #605C82 - #858096

CSS codes

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

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