#5E444B - #D08B6C | 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 #5E444B to #D08B6C

#5E444B #D08B6C

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

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

0.0%	0.0% #5E444B	RGB 94 68 75	#5E444B
16.7%	16.7% #714F50	RGB 113 79 80	#714F50
33.3%	33.3% #845B56	RGB 132 91 86	#845B56
50.0%	50.0% #97675B	RGB 151 103 91	#97675B
66.7%	66.7% #AA7361	RGB 170 115 97	#AA7361
83.3%	83.3% #BD7F66	RGB 189 127 102	#BD7F66
100.0%	100.0% #D08B6C	RGB 208 139 108	#D08B6C

#5E444B #714F50 #845B56 #97675B #AA7361 #BD7F66 #D08B6C

#5E444B - #D08B6C

HSV Blend

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

0.0%	0.0% #5E444B	RGB 94 68 75	#5E444B
16.7%	16.7% #714D53	RGB 113 77 83	#714D53
33.3%	33.3% #845659	RGB 132 86 89	#845659
50.0%	50.0% #975E5D	RGB 151 94 93	#975E5D
66.7%	66.7% #AA6C63	RGB 170 108 99	#AA6C63
83.3%	83.3% #BD7A68	RGB 189 122 104	#BD7A68
100.0%	100.0% #D08B6C	RGB 208 139 108	#D08B6C

#5E444B #714D53 #845659 #975E5D #AA6C63 #BD7A68 #D08B6C

#5E444B - #975E5D - #D08B6C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E444B 0%, #975E5D 50%, #D08B6C 100%);
    background: -webkit-linear-gradient(top, #5E444B 0%, #975E5D 50%, #D08B6C 100%);
    background: linear-gradient(to bottom, #5E444B 0%, #975E5D 50%, #D08B6C 100%);
}
</style>