#524D5E - #E49474 | 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 #524D5E to #E49474

#524D5E #E49474

Calculate the color between two colors, #524D5E and #E49474. 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)

#524D5E - #E49474 | 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 #524D5E as 0% and #E49474 as 100%.

0.0%	0.0% #524D5E	RGB 82 77 94	#524D5E
16.7%	16.7% #6A5861	RGB 106 88 97	#6A5861
33.3%	33.3% #826465	RGB 130 100 101	#826465
50.0%	50.0% #9B7069	RGB 155 112 105	#9B7069
66.7%	66.7% #B37C6C	RGB 179 124 108	#B37C6C
83.3%	83.3% #CB8870	RGB 203 136 112	#CB8870
100.0%	100.0% #E49474	RGB 228 148 116	#E49474

#524D5E #6A5861 #826465 #9B7069 #B37C6C #CB8870 #E49474

#524D5E - #E49474

HSV Blend

#524D5E - #E49474 | 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 #524D5E as 0% and #E49474 as 100%.

0.0%	0.0% #524D5E	RGB 82 77 94	#524D5E
16.7%	16.7% #6A5974	RGB 106 89 116	#6A5974
33.3%	33.3% #89638A	RGB 137 99 138	#89638A
50.0%	50.0% #A16A91	RGB 161 106 145	#A16A91
66.7%	66.7% #B7708B	RGB 183 112 139	#B7708B
83.3%	83.3% #CD7377	RGB 205 115 119	#CD7377
100.0%	100.0% #E49474	RGB 228 148 116	#E49474

#524D5E #6A5974 #89638A #A16A91 #B7708B #CD7377 #E49474

#524D5E - #A16A91 - #E49474

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #524D5E 0%, #A16A91 50%, #E49474 100%);
    background: -webkit-linear-gradient(top, #524D5E 0%, #A16A91 50%, #E49474 100%);
    background: linear-gradient(to bottom, #524D5E 0%, #A16A91 50%, #E49474 100%);
}
</style>