#5E2D41 - #D1A96B | 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 #5E2D41 to #D1A96B

#5E2D41 #D1A96B

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

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

0.0%	0.0% #5E2D41	RGB 94 45 65	#5E2D41
16.7%	16.7% #714148	RGB 113 65 72	#714148
33.3%	33.3% #84564F	RGB 132 86 79	#84564F
50.0%	50.0% #976B56	RGB 151 107 86	#976B56
66.7%	66.7% #AA7F5D	RGB 170 127 93	#AA7F5D
83.3%	83.3% #BD9464	RGB 189 148 100	#BD9464
100.0%	100.0% #D1A96B	RGB 209 169 107	#D1A96B

#5E2D41 #714148 #84564F #976B56 #AA7F5D #BD9464 #D1A96B

#5E2D41 - #D1A96B

HSV Blend

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

0.0%	0.0% #5E2D40	RGB 94 45 64	#5E2D40
16.7%	16.7% #713644	RGB 113 54 68	#713644
33.3%	33.3% #844045	RGB 132 64 69	#844045
50.0%	50.0% #97524B	RGB 151 82 75	#97524B
66.7%	66.7% #AA6C55	RGB 170 108 85	#AA6C55
83.3%	83.3% #BD8960	RGB 189 137 96	#BD8960
100.0%	100.0% #D1A96B	RGB 209 169 107	#D1A96B

#5E2D40 #713644 #844045 #97524B #AA6C55 #BD8960 #D1A96B

#5E2D41 - #97524B - #D1A96B

CSS codes

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

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