#4D4D5E - #E47575 | 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 #4D4D5E to #E47575

#4D4D5E #E47575

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

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

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #665361	RGB 102 83 97	#665361
33.3%	33.3% #7F5A65	RGB 127 90 101	#7F5A65
50.0%	50.0% #986169	RGB 152 97 105	#986169
66.7%	66.7% #B1676D	RGB 177 103 109	#B1676D
83.3%	83.3% #CA6E71	RGB 202 110 113	#CA6E71
100.0%	100.0% #E47575	RGB 228 117 117	#E47575

#4D4D5E #665361 #7F5A65 #986169 #B1676D #CA6E71 #E47575

#4D4D5E - #E47575

HSV Blend

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

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #625974	RGB 98 89 116	#625974
33.3%	33.3% #7D638A	RGB 125 99 138	#7D638A
50.0%	50.0% #A16BA0	RGB 161 107 160	#A16BA0
66.7%	66.7% #B7709F	RGB 183 112 159	#B7709F
83.3%	83.3% #CD7491	RGB 205 116 145	#CD7491
100.0%	100.0% #E47575	RGB 228 117 117	#E47575

#4D4D5E #625974 #7D638A #A16BA0 #B7709F #CD7491 #E47575

#4D4D5E - #A16BA0 - #E47575

CSS codes

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

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