#4D4E5E - #7774D3 | 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 #4D4E5E to #7774D3

#4D4E5E #7774D3

Calculate the color between two colors, #4D4E5E and #7774D3. 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)

#4D4E5E - #7774D3 | 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 #4D4E5E as 0% and #7774D3 as 100%.

0.0%	0.0% #4D4E5E	RGB 77 78 94	#4D4E5E
16.7%	16.7% #545471	RGB 84 84 113	#545471
33.3%	33.3% #5B5A85	RGB 91 90 133	#5B5A85
50.0%	50.0% #626198	RGB 98 97 152	#626198
66.7%	66.7% #6967AC	RGB 105 103 172	#6967AC
83.3%	83.3% #706DBF	RGB 112 109 191	#706DBF
100.0%	100.0% #7774D3	RGB 119 116 211	#7774D3

#4D4E5E #545471 #5B5A85 #626198 #6967AC #706DBF #7774D3

#4D4E5E - #7774D3

HSV Blend

#4D4E5E - #7774D3 | 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 #4D4E5E as 0% and #7774D3 as 100%.

0.0%	0.0% #4D4E5E	RGB 77 78 94	#4D4E5E
16.7%	16.7% #575871	RGB 87 88 113	#575871
33.3%	33.3% #616285	RGB 97 98 133	#616285
50.0%	50.0% #686998	RGB 104 105 152	#686998
66.7%	66.7% #6E6EAC	RGB 110 110 172	#6E6EAC
83.3%	83.3% #7371BF	RGB 115 113 191	#7371BF
100.0%	100.0% #7774D3	RGB 119 116 211	#7774D3

#4D4E5E #575871 #616285 #686998 #6E6EAC #7371BF #7774D3

#4D4E5E - #686998 - #7774D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4E5E 0%, #686998 50%, #7774D3 100%);
    background: -webkit-linear-gradient(top, #4D4E5E 0%, #686998 50%, #7774D3 100%);
    background: linear-gradient(to bottom, #4D4E5E 0%, #686998 50%, #7774D3 100%);
}
</style>