#4E2D5E - #D16B88 | 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 #4E2D5E to #D16B88

#4E2D5E #D16B88

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

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

0.0%	0.0% #4E2D5E	RGB 78 45 94	#4E2D5E
16.7%	16.7% #633765	RGB 99 55 101	#633765
33.3%	33.3% #79416C	RGB 121 65 108	#79416C
50.0%	50.0% #8F4C73	RGB 143 76 115	#8F4C73
66.7%	66.7% #A5567A	RGB 165 86 122	#A5567A
83.3%	83.3% #BB6081	RGB 187 96 129	#BB6081
100.0%	100.0% #D16B88	RGB 209 107 136	#D16B88

#4E2D5E #633765 #79416C #8F4C73 #A5567A #BB6081 #D16B88

#4E2D5E - #D16B88

HSV Blend

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

0.0%	0.0% #4E2D5E	RGB 78 45 94	#4E2D5E
16.7%	16.7% #683671	RGB 104 54 113	#683671
33.3%	33.3% #844082	RGB 132 64 130	#844082
50.0%	50.0% #974B88	RGB 151 75 136	#974B88
66.7%	66.7% #AA558B	RGB 170 85 139	#AA558B
83.3%	83.3% #BD608B	RGB 189 96 139	#BD608B
100.0%	100.0% #D16B88	RGB 209 107 136	#D16B88

#4E2D5E #683671 #844082 #974B88 #AA558B #BD608B #D16B88

#4E2D5E - #974B88 - #D16B88

CSS codes

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

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