#5E516D - #EA9A7F | 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 #5E516D to #EA9A7F

#5E516D #EA9A7F

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

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

0.0%	0.0% #5E516D	RGB 94 81 109	#5E516D
16.7%	16.7% #755D70	RGB 117 93 112	#755D70
33.3%	33.3% #8C6973	RGB 140 105 115	#8C6973
50.0%	50.0% #A47576	RGB 164 117 118	#A47576
66.7%	66.7% #BB8179	RGB 187 129 121	#BB8179
83.3%	83.3% #D28D7C	RGB 210 141 124	#D28D7C
100.0%	100.0% #EA9A7F	RGB 234 154 127	#EA9A7F

#5E516D #755D70 #8C6973 #A47576 #BB8179 #D28D7C #EA9A7F

#5E516D - #EA9A7F

HSV Blend

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

0.0%	0.0% #5E516D	RGB 94 81 109	#5E516D
16.7%	16.7% #785C81	RGB 120 92 129	#785C81
33.3%	33.3% #966593	RGB 150 101 147	#966593
50.0%	50.0% #AB6E95	RGB 171 110 149	#AB6E95
66.7%	66.7% #C0758F	RGB 192 117 143	#C0758F
83.3%	83.3% #D57A7E	RGB 213 122 126	#D57A7E
100.0%	100.0% #EA9A7F	RGB 234 154 127	#EA9A7F

#5E516D #785C81 #966593 #AB6E95 #C0758F #D57A7E #EA9A7F

#5E516D - #AB6E95 - #EA9A7F

CSS codes

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

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