#524B5C - #E29372 | 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 #524B5C to #E29372

#524B5C #E29372

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

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

0.0%	0.0% #524B5C	RGB 82 75 92	#524B5C
16.7%	16.7% #6A575F	RGB 106 87 95	#6A575F
33.3%	33.3% #826363	RGB 130 99 99	#826363
50.0%	50.0% #9A6F67	RGB 154 111 103	#9A6F67
66.7%	66.7% #B27B6A	RGB 178 123 106	#B27B6A
83.3%	83.3% #CA876E	RGB 202 135 110	#CA876E
100.0%	100.0% #E29372	RGB 226 147 114	#E29372

#524B5C #6A575F #826363 #9A6F67 #B27B6A #CA876E #E29372

#524B5C - #E29372

HSV Blend

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

0.0%	0.0% #524B5C	RGB 82 75 92	#524B5C
16.7%	16.7% #6A5772	RGB 106 87 114	#6A5772
33.3%	33.3% #886187	RGB 136 97 135	#886187
50.0%	50.0% #9F688B	RGB 159 104 139	#9F688B
66.7%	66.7% #B56E85	RGB 181 110 133	#B56E85
83.3%	83.3% #CB7173	RGB 203 113 115	#CB7173
100.0%	100.0% #E29372	RGB 226 147 114	#E29372

#524B5C #6A5772 #886187 #9F688B #B56E85 #CB7173 #E29372

#524B5C - #9F688B - #E29372

CSS codes

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

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