#5E5458 - #DDBD83 | 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 #5E5458 to #DDBD83

#5E5458 #DDBD83

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

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

0.0%	0.0% #5E5458	RGB 94 84 88	#5E5458
16.7%	16.7% #73655F	RGB 115 101 95	#73655F
33.3%	33.3% #887766	RGB 136 119 102	#887766
50.0%	50.0% #9D886D	RGB 157 136 109	#9D886D
66.7%	66.7% #B29A74	RGB 178 154 116	#B29A74
83.3%	83.3% #C7AB7B	RGB 199 171 123	#C7AB7B
100.0%	100.0% #DDBD83	RGB 221 189 131	#DDBD83

#5E5458 #73655F #887766 #9D886D #B29A74 #C7AB7B #DDBD83

#5E5458 - #DDBD83

HSV Blend

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

0.0%	0.0% #5E5458	RGB 94 84 88	#5E5458
16.7%	16.7% #736165	RGB 115 97 101	#736165
33.3%	33.3% #886C6D	RGB 136 108 109	#886C6D
50.0%	50.0% #9D7975	RGB 157 121 117	#9D7975
66.7%	66.7% #B28C7B	RGB 178 140 123	#B28C7B
83.3%	83.3% #C7A280	RGB 199 162 128	#C7A280
100.0%	100.0% #DDBD83	RGB 221 189 131	#DDBD83

#5E5458 #736165 #886C6D #9D7975 #B28C7B #C7A280 #DDBD83

#5E5458 - #9D7975 - #DDBD83

CSS codes

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

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