#5E3E57 - #DAA16B | 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 #5E3E57 to #DAA16B

#5E3E57 #DAA16B

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

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

0.0%	0.0% #5E3E57	RGB 94 62 87	#5E3E57
16.7%	16.7% #724E5A	RGB 114 78 90	#724E5A
33.3%	33.3% #875F5D	RGB 135 95 93	#875F5D
50.0%	50.0% #9C6F61	RGB 156 111 97	#9C6F61
66.7%	66.7% #B08064	RGB 176 128 100	#B08064
83.3%	83.3% #C59067	RGB 197 144 103	#C59067
100.0%	100.0% #DAA16B	RGB 218 161 107	#DAA16B

#5E3E57 #724E5A #875F5D #9C6F61 #B08064 #C59067 #DAA16B

#5E3E57 - #DAA16B

HSV Blend

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

0.0%	0.0% #5E3E57	RGB 94 62 87	#5E3E57
16.7%	16.7% #724860	RGB 114 72 96	#724860
33.3%	33.3% #875164	RGB 135 81 100	#875164
50.0%	50.0% #9C5963	RGB 156 89 99	#9C5963
66.7%	66.7% #B06560	RGB 176 101 96	#B06560
83.3%	83.3% #C58066	RGB 197 128 102	#C58066
100.0%	100.0% #DAA16B	RGB 218 161 107	#DAA16B

#5E3E57 #724860 #875164 #9C5963 #B06560 #C58066 #DAA16B

#5E3E57 - #9C5963 - #DAA16B

CSS codes

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

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