#5C4C5E - #E2D575 | 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 #5C4C5E to #E2D575

#5C4C5E #E2D575

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

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

0.0%	0.0% #5C4C5E	RGB 92 76 94	#5C4C5E
16.7%	16.7% #726261	RGB 114 98 97	#726261
33.3%	33.3% #887965	RGB 136 121 101	#887965
50.0%	50.0% #9F9069	RGB 159 144 105	#9F9069
66.7%	66.7% #B5A76D	RGB 181 167 109	#B5A76D
83.3%	83.3% #CBBE71	RGB 203 190 113	#CBBE71
100.0%	100.0% #E2D575	RGB 226 213 117	#E2D575

#5C4C5E #726261 #887965 #9F9069 #B5A76D #CBBE71 #E2D575

#5C4C5E - #E2D575

HSV Blend

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

0.0%	0.0% #5C4C5E	RGB 92 76 94	#5C4C5E
16.7%	16.7% #74586D	RGB 116 88 109	#74586D
33.3%	33.3% #8A6273	RGB 138 98 115	#8A6273
50.0%	50.0% #A06A70	RGB 160 106 112	#A06A70
66.7%	66.7% #B67F6F	RGB 182 127 111	#B67F6F
83.3%	83.3% #CCA473	RGB 204 164 115	#CCA473
100.0%	100.0% #E2D575	RGB 226 213 117	#E2D575

#5C4C5E #74586D #8A6273 #A06A70 #B67F6F #CCA473 #E2D575

#5C4C5E - #A06A70 - #E2D575

CSS codes

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

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