#514E5E - #E49877 | 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 #514E5E to #E49877

#514E5E #E49877

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

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

0.0%	0.0% #514E5E	RGB 81 78 94	#514E5E
16.7%	16.7% #695A62	RGB 105 90 98	#695A62
33.3%	33.3% #826666	RGB 130 102 102	#826666
50.0%	50.0% #9A736A	RGB 154 115 106	#9A736A
66.7%	66.7% #B37F6E	RGB 179 127 110	#B37F6E
83.3%	83.3% #CB8B72	RGB 203 139 114	#CB8B72
100.0%	100.0% #E49877	RGB 228 152 119	#E49877

#514E5E #695A62 #826666 #9A736A #B37F6E #CB8B72 #E49877

#514E5E - #E49877

HSV Blend

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

0.0%	0.0% #514E5E	RGB 81 78 94	#514E5E
16.7%	16.7% #685A74	RGB 104 90 116	#685A74
33.3%	33.3% #86648A	RGB 134 100 138	#86648A
50.0%	50.0% #A16C94	RGB 161 108 148	#A16C94
66.7%	66.7% #B7728E	RGB 183 114 142	#B7728E
83.3%	83.3% #CD757A	RGB 205 117 122	#CD757A
100.0%	100.0% #E49877	RGB 228 152 119	#E49877

#514E5E #685A74 #86648A #A16C94 #B7728E #CD757A #E49877

#514E5E - #A16C94 - #E49877

CSS codes

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

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