#5E4C4C - #D7CE7C | 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 #5E4C4C to #D7CE7C

#5E4C4C #D7CE7C

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

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

0.0%	0.0% #5E4C4C	RGB 94 76 76	#5E4C4C
16.7%	16.7% #726154	RGB 114 97 84	#726154
33.3%	33.3% #86775C	RGB 134 119 92	#86775C
50.0%	50.0% #9A8D64	RGB 154 141 100	#9A8D64
66.7%	66.7% #AEA26C	RGB 174 162 108	#AEA26C
83.3%	83.3% #C2B874	RGB 194 184 116	#C2B874
100.0%	100.0% #D7CE7C	RGB 215 206 124	#D7CE7C

#5E4C4C #726154 #86775C #9A8D64 #AEA26C #C2B874 #D7CE7C

#5E4C4C - #D7CE7C

HSV Blend

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

0.0%	0.0% #5E4C4C	RGB 94 76 76	#5E4C4C
16.7%	16.7% #725B57	RGB 114 91 87	#725B57
33.3%	33.3% #866D62	RGB 134 109 98	#866D62
50.0%	50.0% #9A806B	RGB 154 128 107	#9A806B
66.7%	66.7% #AE9672	RGB 174 150 114	#AE9672
83.3%	83.3% #C2B077	RGB 194 176 119	#C2B077
100.0%	100.0% #D7CE7C	RGB 215 206 124	#D7CE7C

#5E4C4C #725B57 #866D62 #9A806B #AE9672 #C2B077 #D7CE7C

#5E4C4C - #9A806B - #D7CE7C

CSS codes

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

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