#4D5B5E - #E474DA | 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 #4D5B5E to #E474DA

#4D5B5E #E474DA

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

#4D5B5E - #E474DA | 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 #4D5B5E as 0% and #E474DA as 100%.

0.0%	0.0% #4D5B5E	RGB 77 91 94	#4D5B5E
16.7%	16.7% #665F72	RGB 102 95 114	#665F72
33.3%	33.3% #7F6387	RGB 127 99 135	#7F6387
50.0%	50.0% #98679C	RGB 152 103 156	#98679C
66.7%	66.7% #B16BB0	RGB 177 107 176	#B16BB0
83.3%	83.3% #CA6FC5	RGB 202 111 197	#CA6FC5
100.0%	100.0% #E474DA	RGB 228 116 218	#E474DA

#4D5B5E #665F72 #7F6387 #98679C #B16BB0 #CA6FC5 #E474DA

#4D5B5E - #E474DA

HSV Blend

#4D5B5E - #E474DA | 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 #4D5B5E as 0% and #E474DA as 100%.

0.0%	0.0% #4D5B5E	RGB 77 91 94	#4D5B5E
16.7%	16.7% #596674	RGB 89 102 116	#596674
33.3%	33.3% #636A8A	RGB 99 106 138	#636A8A
50.0%	50.0% #726AA1	RGB 114 106 161	#726AA1
66.7%	66.7% #9070B7	RGB 144 112 183	#9070B7
83.3%	83.3% #B873CD	RGB 184 115 205	#B873CD
100.0%	100.0% #E474DA	RGB 228 116 218	#E474DA

#4D5B5E #596674 #636A8A #726AA1 #9070B7 #B873CD #E474DA

#4D5B5E - #726AA1 - #E474DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5B5E 0%, #726AA1 50%, #E474DA 100%);
    background: -webkit-linear-gradient(top, #4D5B5E 0%, #726AA1 50%, #E474DA 100%);
    background: linear-gradient(to bottom, #4D5B5E 0%, #726AA1 50%, #E474DA 100%);
}
</style>