#5E3E4D - #DAC26B | 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 #5E3E4D to #DAC26B

#5E3E4D #DAC26B

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

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

0.0%	0.0% #5E3E4D	RGB 94 62 77	#5E3E4D
16.7%	16.7% #725452	RGB 114 84 82	#725452
33.3%	33.3% #876A57	RGB 135 106 87	#876A57
50.0%	50.0% #9C805C	RGB 156 128 92	#9C805C
66.7%	66.7% #B09661	RGB 176 150 97	#B09661
83.3%	83.3% #C5AC66	RGB 197 172 102	#C5AC66
100.0%	100.0% #DAC26B	RGB 218 194 107	#DAC26B

#5E3E4D #725452 #876A57 #9C805C #B09661 #C5AC66 #DAC26B

#5E3E4D - #DAC26B

HSV Blend

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

0.0%	0.0% #5E3E4D	RGB 94 62 77	#5E3E4D
16.7%	16.7% #724853	RGB 114 72 83	#724853
33.3%	33.3% #875154	RGB 135 81 84	#875154
50.0%	50.0% #9C6459	RGB 156 100 89	#9C6459
66.7%	66.7% #B07D60	RGB 176 125 96	#B07D60
83.3%	83.3% #C59C66	RGB 197 156 102	#C59C66
100.0%	100.0% #DAC26B	RGB 218 194 107	#DAC26B

#5E3E4D #724853 #875154 #9C6459 #B07D60 #C59C66 #DAC26B

#5E3E4D - #9C6459 - #DAC26B

CSS codes

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

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