#5C5E5D - #9D946F | 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 #5C5E5D to #9D946F

#5C5E5D #9D946F

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

#5C5E5D - #9D946F | 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 #5C5E5D as 0% and #9D946F as 100%.

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #666760	RGB 102 103 96	#666760
33.3%	33.3% #717063	RGB 113 112 99	#717063
50.0%	50.0% #7C7966	RGB 124 121 102	#7C7966
66.7%	66.7% #878269	RGB 135 130 105	#878269
83.3%	83.3% #928B6C	RGB 146 139 108	#928B6C
100.0%	100.0% #9D946F	RGB 157 148 111	#9D946F

#5C5E5D #666760 #717063 #7C7966 #878269 #928B6C #9D946F

#5C5E5D - #9D946F

HSV Blend

#5C5E5D - #9D946F | 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 #5C5E5D as 0% and #9D946F as 100%.

0.0%	0.0% #5C5E5D	RGB 92 94 93	#5C5E5D
16.7%	16.7% #616863	RGB 97 104 99	#616863
33.3%	33.3% #667366	RGB 102 115 102	#667366
50.0%	50.0% #707D69	RGB 112 125 105	#707D69
66.7%	66.7% #7D886C	RGB 125 136 108	#7D886C
83.3%	83.3% #8F926E	RGB 143 146 110	#8F926E
100.0%	100.0% #9D946F	RGB 157 148 111	#9D946F

#5C5E5D #616863 #667366 #707D69 #7D886C #8F926E #9D946F

#5C5E5D - #707D69 - #9D946F

CSS codes

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

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