#5D4D5E - #E4D874 | 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 #5D4D5E to #E4D874

#5D4D5E #E4D874

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

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

0.0%	0.0% #5D4D5E	RGB 93 77 94	#5D4D5E
16.7%	16.7% #736461	RGB 115 100 97	#736461
33.3%	33.3% #8A7B65	RGB 138 123 101	#8A7B65
50.0%	50.0% #A09269	RGB 160 146 105	#A09269
66.7%	66.7% #B7A96C	RGB 183 169 108	#B7A96C
83.3%	83.3% #CDC070	RGB 205 192 112	#CDC070
100.0%	100.0% #E4D874	RGB 228 216 116	#E4D874

#5D4D5E #736461 #8A7B65 #A09269 #B7A96C #CDC070 #E4D874

#5D4D5E - #E4D874

HSV Blend

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

0.0%	0.0% #5D4D5E	RGB 93 77 94	#5D4D5E
16.7%	16.7% #74596D	RGB 116 89 109	#74596D
33.3%	33.3% #8A6373	RGB 138 99 115	#8A6373
50.0%	50.0% #A16A6F	RGB 161 106 111	#A16A6F
66.7%	66.7% #B78170	RGB 183 129 112	#B78170
83.3%	83.3% #CDA673	RGB 205 166 115	#CDA673
100.0%	100.0% #E4D874	RGB 228 216 116	#E4D874

#5D4D5E #74596D #8A6373 #A16A6F #B78170 #CDA673 #E4D874

#5D4D5E - #A16A6F - #E4D874

CSS codes

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

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