#4E3B5E - #617FAE | 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 #4E3B5E to #617FAE

#4E3B5E #617FAE

Calculate the color between two colors, #4E3B5E and #617FAE. 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)

#4E3B5E - #617FAE | 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 #4E3B5E as 0% and #617FAE as 100%.

0.0%	0.0% #4E3B5E	RGB 78 59 94	#4E3B5E
16.7%	16.7% #51466B	RGB 81 70 107	#51466B
33.3%	33.3% #545178	RGB 84 81 120	#545178
50.0%	50.0% #575D86	RGB 87 93 134	#575D86
66.7%	66.7% #5A6893	RGB 90 104 147	#5A6893
83.3%	83.3% #5D73A0	RGB 93 115 160	#5D73A0
100.0%	100.0% #617FAE	RGB 97 127 174	#617FAE

#4E3B5E #51466B #545178 #575D86 #5A6893 #5D73A0 #617FAE

#4E3B5E - #617FAE

HSV Blend

#4E3B5E - #617FAE | 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 #4E3B5E as 0% and #617FAE as 100%.

0.0%	0.0% #4E3B5E	RGB 78 59 94	#4E3B5E
16.7%	16.7% #52426B	RGB 82 66 107	#52426B
33.3%	33.3% #534878	RGB 83 72 120	#534878
50.0%	50.0% #534F86	RGB 83 79 134	#534F86
66.7%	66.7% #555A93	RGB 85 90 147	#555A93
83.3%	83.3% #5B6BA0	RGB 91 107 160	#5B6BA0
100.0%	100.0% #617FAE	RGB 97 127 174	#617FAE

#4E3B5E #52426B #534878 #534F86 #555A93 #5B6BA0 #617FAE

#4E3B5E - #534F86 - #617FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3B5E 0%, #534F86 50%, #617FAE 100%);
    background: -webkit-linear-gradient(top, #4E3B5E 0%, #534F86 50%, #617FAE 100%);
    background: linear-gradient(to bottom, #4E3B5E 0%, #534F86 50%, #617FAE 100%);
}
</style>