#3E426D - #898595 | 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 #3E426D to #898595

#3E426D #898595

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

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

0.0%	0.0% #3E426D	RGB 62 66 109	#3E426D
16.7%	16.7% #4A4D73	RGB 74 77 115	#4A4D73
33.3%	33.3% #57587A	RGB 87 88 122	#57587A
50.0%	50.0% #636381	RGB 99 99 129	#636381
66.7%	66.7% #706E87	RGB 112 110 135	#706E87
83.3%	83.3% #7C798E	RGB 124 121 142	#7C798E
100.0%	100.0% #898595	RGB 137 133 149	#898595

#3E426D #4A4D73 #57587A #636381 #706E87 #7C798E #898595

#3E426D - #898595

HSV Blend

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

0.0%	0.0% #3E426D	RGB 62 66 109	#3E426D
16.7%	16.7% #484973	RGB 72 73 115	#484973
33.3%	33.3% #53527A	RGB 83 82 122	#53527A
50.0%	50.0% #615E81	RGB 97 94 129	#615E81
66.7%	66.7% #6E6A87	RGB 110 106 135	#6E6A87
83.3%	83.3% #7B778E	RGB 123 119 142	#7B778E
100.0%	100.0% #898595	RGB 137 133 149	#898595

#3E426D #484973 #53527A #615E81 #6E6A87 #7B778E #898595

#3E426D - #615E81 - #898595

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E426D 0%, #615E81 50%, #898595 100%);
    background: -webkit-linear-gradient(top, #3E426D 0%, #615E81 50%, #898595 100%);
    background: linear-gradient(to bottom, #3E426D 0%, #615E81 50%, #898595 100%);
}
</style>