#5E2E2F - #C5A572 | 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 #5E2E2F to #C5A572

#5E2E2F #C5A572

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

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

0.0%	0.0% #5E2E2F	RGB 94 46 47	#5E2E2F
16.7%	16.7% #6F413A	RGB 111 65 58	#6F413A
33.3%	33.3% #805545	RGB 128 85 69	#805545
50.0%	50.0% #916950	RGB 145 105 80	#916950
66.7%	66.7% #A27D5B	RGB 162 125 91	#A27D5B
83.3%	83.3% #B39166	RGB 179 145 102	#B39166
100.0%	100.0% #C5A572	RGB 197 165 114	#C5A572

#5E2E2F #6F413A #805545 #916950 #A27D5B #B39166 #C5A572

#5E2E2F - #C5A572

HSV Blend

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

0.0%	0.0% #5E2E2E	RGB 94 46 46	#5E2E2E
16.7%	16.7% #6F3C38	RGB 111 60 56	#6F3C38
33.3%	33.3% #804E42	RGB 128 78 66	#804E42
50.0%	50.0% #91614D	RGB 145 97 77	#91614D
66.7%	66.7% #A27659	RGB 162 118 89	#A27659
83.3%	83.3% #B38D65	RGB 179 141 101	#B38D65
100.0%	100.0% #C5A572	RGB 197 165 114	#C5A572

#5E2E2E #6F3C38 #804E42 #91614D #A27659 #B38D65 #C5A572

#5E2E2F - #91614D - #C5A572

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2E2E 0%, #91614D 50%, #C5A572 100%);
    background: -webkit-linear-gradient(top, #5E2E2E 0%, #91614D 50%, #C5A572 100%);
    background: linear-gradient(to bottom, #5E2E2E 0%, #91614D 50%, #C5A572 100%);
}
</style>