#4E3B5E - #D18174 | 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 #4E3B5E to #D18174

#4E3B5E #D18174

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

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

0.0%	0.0% #4E3B5E	RGB 78 59 94	#4E3B5E
16.7%	16.7% #634661	RGB 99 70 97	#634661
33.3%	33.3% #795265	RGB 121 82 101	#795265
50.0%	50.0% #8F5E69	RGB 143 94 105	#8F5E69
66.7%	66.7% #A5696C	RGB 165 105 108	#A5696C
83.3%	83.3% #BB7570	RGB 187 117 112	#BB7570
100.0%	100.0% #D18174	RGB 209 129 116	#D18174

#4E3B5E #634661 #795265 #8F5E69 #A5696C #BB7570 #D18174

#4E3B5E - #D18174

HSV Blend

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

0.0%	0.0% #4E3B5E	RGB 78 59 94	#4E3B5E
16.7%	16.7% #684571	RGB 104 69 113	#684571
33.3%	33.3% #844F80	RGB 132 79 128	#844F80
50.0%	50.0% #975982	RGB 151 89 130	#975982
66.7%	66.7% #AA627F	RGB 170 98 127	#AA627F
83.3%	83.3% #BD6B76	RGB 189 107 118	#BD6B76
100.0%	100.0% #D18174	RGB 209 129 116	#D18174

#4E3B5E #684571 #844F80 #975982 #AA627F #BD6B76 #D18174

#4E3B5E - #975982 - #D18174

CSS codes

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

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