#5D5E18 - #C9A640 | 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 #5D5E18 to #C9A640

#5D5E18 #C9A640

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

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

0.0%	0.0% #5D5E18	RGB 93 94 24	#5D5E18
16.7%	16.7% #6F6A1E	RGB 111 106 30	#6F6A1E
33.3%	33.3% #817625	RGB 129 118 37	#817625
50.0%	50.0% #93822C	RGB 147 130 44	#93822C
66.7%	66.7% #A58E32	RGB 165 142 50	#A58E32
83.3%	83.3% #B79A39	RGB 183 154 57	#B79A39
100.0%	100.0% #C9A640	RGB 201 166 64	#C9A640

#5D5E18 #6F6A1E #817625 #93822C #A58E32 #B79A39 #C9A640

#5D5E18 - #C9A640

HSV Blend

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

0.0%	0.0% #5D5E18	RGB 93 94 24	#5D5E18
16.7%	16.7% #6F6D1D	RGB 111 109 29	#6F6D1D
33.3%	33.3% #817A23	RGB 129 122 35	#817A23
50.0%	50.0% #93862A	RGB 147 134 42	#93862A
66.7%	66.7% #A59231	RGB 165 146 49	#A59231
83.3%	83.3% #B79C38	RGB 183 156 56	#B79C38
100.0%	100.0% #C9A640	RGB 201 166 64	#C9A640

#5D5E18 #6F6D1D #817A23 #93862A #A59231 #B79C38 #C9A640

#5D5E18 - #93862A - #C9A640

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E18 0%, #93862A 50%, #C9A640 100%);
    background: -webkit-linear-gradient(top, #5D5E18 0%, #93862A 50%, #C9A640 100%);
    background: linear-gradient(to bottom, #5D5E18 0%, #93862A 50%, #C9A640 100%);
}
</style>