#5B4D5E - #E5916B | 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 #5B4D5E to #E5916B

#5B4D5E #E5916B

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

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

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #725860	RGB 114 88 96	#725860
33.3%	33.3% #896362	RGB 137 99 98	#896362
50.0%	50.0% #A06F64	RGB 160 111 100	#A06F64
66.7%	66.7% #B77A66	RGB 183 122 102	#B77A66
83.3%	83.3% #CE8568	RGB 206 133 104	#CE8568
100.0%	100.0% #E5916B	RGB 229 145 107	#E5916B

#5B4D5E #725860 #896362 #A06F64 #B77A66 #CE8568 #E5916B

#5B4D5E - #E5916B

HSV Blend

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

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #745872	RGB 116 88 114	#745872
33.3%	33.3% #8B617D	RGB 139 97 125	#8B617D
50.0%	50.0% #A16780	RGB 161 103 128	#A16780
66.7%	66.7% #B86B79	RGB 184 107 121	#B86B79
83.3%	83.3% #CE726C	RGB 206 114 108	#CE726C
100.0%	100.0% #E5916B	RGB 229 145 107	#E5916B

#5B4D5E #745872 #8B617D #A16780 #B86B79 #CE726C #E5916B

#5B4D5E - #A16780 - #E5916B

CSS codes

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

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