#5E516A - #EA997B | 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 #5E516A to #EA997B

#5E516A #EA997B

Calculate the color between two colors, #5E516A and #EA997B. 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)

#5E516A - #EA997B | 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 #5E516A as 0% and #EA997B as 100%.

0.0%	0.0% #5E516A	RGB 94 81 106	#5E516A
16.7%	16.7% #755D6C	RGB 117 93 108	#755D6C
33.3%	33.3% #8C696F	RGB 140 105 111	#8C696F
50.0%	50.0% #A47572	RGB 164 117 114	#A47572
66.7%	66.7% #BB8175	RGB 187 129 117	#BB8175
83.3%	83.3% #D28D78	RGB 210 141 120	#D28D78
100.0%	100.0% #EA997B	RGB 234 153 123	#EA997B

#5E516A #755D6C #8C696F #A47572 #BB8175 #D28D78 #EA997B

#5E516A - #EA997B

HSV Blend

#5E516A - #EA997B | 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 #5E516A as 0% and #EA997B as 100%.

0.0%	0.0% #5E516A	RGB 94 81 106	#5E516A
16.7%	16.7% #785C7F	RGB 120 92 127	#785C7F
33.3%	33.3% #94658F	RGB 148 101 143	#94658F
50.0%	50.0% #AA6D92	RGB 170 109 146	#AA6D92
66.7%	66.7% #BF738B	RGB 191 115 139	#BF738B
83.3%	83.3% #D4787A	RGB 212 120 122	#D4787A
100.0%	100.0% #EA997B	RGB 234 153 123	#EA997B

#5E516A #785C7F #94658F #AA6D92 #BF738B #D4787A #EA997B

#5E516A - #AA6D92 - #EA997B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E516A 0%, #AA6D92 50%, #EA997B 100%);
    background: -webkit-linear-gradient(top, #5E516A 0%, #AA6D92 50%, #EA997B 100%);
    background: linear-gradient(to bottom, #5E516A 0%, #AA6D92 50%, #EA997B 100%);
}
</style>