#524D5E - #E49675 | 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 #E49675

#524D5E #E49675

Calculate the color between two colors, #524D5E and #E49675. 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 - #E49675 | 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 #E49675 as 100%.

0.0%	0.0% #524D5E	RGB 82 77 94	#524D5E
16.7%	16.7% #6A5961	RGB 106 89 97	#6A5961
33.3%	33.3% #826565	RGB 130 101 101	#826565
50.0%	50.0% #9B7169	RGB 155 113 105	#9B7169
66.7%	66.7% #B37D6D	RGB 179 125 109	#B37D6D
83.3%	83.3% #CB8971	RGB 203 137 113	#CB8971
100.0%	100.0% #E49675	RGB 228 150 117	#E49675

#524D5E #6A5961 #826565 #9B7169 #B37D6D #CB8971 #E49675

#524D5E - #E49675

HSV Blend

#524D5E - #E49675 | 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 #E49675 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% #A16B91	RGB 161 107 145	#A16B91
66.7%	66.7% #B7708A	RGB 183 112 138	#B7708A
83.3%	83.3% #CD7477	RGB 205 116 119	#CD7477
100.0%	100.0% #E49675	RGB 228 150 117	#E49675

#524D5E #6A5974 #89638A #A16B91 #B7708A #CD7477 #E49675

#524D5E - #A16B91 - #E49675

CSS codes

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

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