#4C4B5E - #E17475 | 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 #4C4B5E to #E17475

#4C4B5E #E17475

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

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

0.0%	0.0% #4C4B5E	RGB 76 75 94	#4C4B5E
16.7%	16.7% #645161	RGB 100 81 97	#645161
33.3%	33.3% #7D5865	RGB 125 88 101	#7D5865
50.0%	50.0% #965F69	RGB 150 95 105	#965F69
66.7%	66.7% #AF666D	RGB 175 102 109	#AF666D
83.3%	83.3% #C86D71	RGB 200 109 113	#C86D71
100.0%	100.0% #E17475	RGB 225 116 117	#E17475

#4C4B5E #645161 #7D5865 #965F69 #AF666D #C86D71 #E17475

#4C4B5E - #E17475

HSV Blend

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

0.0%	0.0% #4C4B5E	RGB 76 75 94	#4C4B5E
16.7%	16.7% #615673	RGB 97 86 115	#615673
33.3%	33.3% #7D6089	RGB 125 96 137	#7D6089
50.0%	50.0% #9F689E	RGB 159 104 158	#9F689E
66.7%	66.7% #B56E9C	RGB 181 110 156	#B56E9C
83.3%	83.3% #CB728F	RGB 203 114 143	#CB728F
100.0%	100.0% #E17475	RGB 225 116 117	#E17475

#4C4B5E #615673 #7D6089 #9F689E #B56E9C #CB728F #E17475

#4C4B5E - #9F689E - #E17475

CSS codes

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

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