#5E5257 - #DA9D7B | 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 #5E5257 to #DA9D7B

#5E5257 #DA9D7B

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

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

0.0%	0.0% #5E5257	RGB 94 82 87	#5E5257
16.7%	16.7% #725E5D	RGB 114 94 93	#725E5D
33.3%	33.3% #876B63	RGB 135 107 99	#876B63
50.0%	50.0% #9C7769	RGB 156 119 105	#9C7769
66.7%	66.7% #B0846F	RGB 176 132 111	#B0846F
83.3%	83.3% #C59075	RGB 197 144 117	#C59075
100.0%	100.0% #DA9D7B	RGB 218 157 123	#DA9D7B

#5E5257 #725E5D #876B63 #9C7769 #B0846F #C59075 #DA9D7B

#5E5257 - #DA9D7B

HSV Blend

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

0.0%	0.0% #5E5257	RGB 94 82 87	#5E5257
16.7%	16.7% #725E64	RGB 114 94 100	#725E64
33.3%	33.3% #87686D	RGB 135 104 109	#87686D
50.0%	50.0% #9C7071	RGB 156 112 113	#9C7071
66.7%	66.7% #B07B75	RGB 176 123 117	#B07B75
83.3%	83.3% #C58A79	RGB 197 138 121	#C58A79
100.0%	100.0% #DA9D7B	RGB 218 157 123	#DA9D7B

#5E5257 #725E64 #87686D #9C7071 #B07B75 #C58A79 #DA9D7B

#5E5257 - #9C7071 - #DA9D7B

CSS codes

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

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