#504E5E - #E49878 | 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 #504E5E to #E49878

#504E5E #E49878

Calculate the color between two colors, #504E5E and #E49878. 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)

#504E5E - #E49878 | 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 #504E5E as 0% and #E49878 as 100%.

0.0%	0.0% #504E5E	RGB 80 78 94	#504E5E
16.7%	16.7% #685A62	RGB 104 90 98	#685A62
33.3%	33.3% #816666	RGB 129 102 102	#816666
50.0%	50.0% #9A736B	RGB 154 115 107	#9A736B
66.7%	66.7% #B27F6F	RGB 178 127 111	#B27F6F
83.3%	83.3% #CB8B73	RGB 203 139 115	#CB8B73
100.0%	100.0% #E49878	RGB 228 152 120	#E49878

#504E5E #685A62 #816666 #9A736B #B27F6F #CB8B73 #E49878

#504E5E - #E49878

HSV Blend

#504E5E - #E49878 | 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 #504E5E as 0% and #E49878 as 100%.

0.0%	0.0% #504E5E	RGB 80 78 94	#504E5E
16.7%	16.7% #675A74	RGB 103 90 116	#675A74
33.3%	33.3% #84658A	RGB 132 101 138	#84658A
50.0%	50.0% #A16D96	RGB 161 109 150	#A16D96
66.7%	66.7% #B77390	RGB 183 115 144	#B77390
83.3%	83.3% #CD767C	RGB 205 118 124	#CD767C
100.0%	100.0% #E49878	RGB 228 152 120	#E49878

#504E5E #675A74 #84658A #A16D96 #B77390 #CD767C #E49878

#504E5E - #A16D96 - #E49878

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504E5E 0%, #A16D96 50%, #E49878 100%);
    background: -webkit-linear-gradient(top, #504E5E 0%, #A16D96 50%, #E49878 100%);
    background: linear-gradient(to bottom, #504E5E 0%, #A16D96 50%, #E49878 100%);
}
</style>