#5E6C4D - #CBB572 | 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 #5E6C4D to #CBB572

#5E6C4D #CBB572

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

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

0.0%	0.0% #5E6C4D	RGB 94 108 77	#5E6C4D
16.7%	16.7% #707853	RGB 112 120 83	#707853
33.3%	33.3% #828459	RGB 130 132 89	#828459
50.0%	50.0% #94905F	RGB 148 144 95	#94905F
66.7%	66.7% #A69C65	RGB 166 156 101	#A69C65
83.3%	83.3% #B8A86B	RGB 184 168 107	#B8A86B
100.0%	100.0% #CBB572	RGB 203 181 114	#CBB572

#5E6C4D #707853 #828459 #94905F #A69C65 #B8A86B #CBB572

#5E6C4D - #CBB572

HSV Blend

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

0.0%	0.0% #5E6C4D	RGB 94 108 77	#5E6C4D
16.7%	16.7% #6E7B55	RGB 110 123 85	#6E7B55
33.3%	33.3% #818B5C	RGB 129 139 92	#818B5C
50.0%	50.0% #959B63	RGB 149 155 99	#959B63
66.7%	66.7% #ABAA68	RGB 171 170 104	#ABAA68
83.3%	83.3% #BBB16D	RGB 187 177 109	#BBB16D
100.0%	100.0% #CBB572	RGB 203 181 114	#CBB572

#5E6C4D #6E7B55 #818B5C #959B63 #ABAA68 #BBB16D #CBB572

#5E6C4D - #959B63 - #CBB572

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C4D 0%, #959B63 50%, #CBB572 100%);
    background: -webkit-linear-gradient(top, #5E6C4D 0%, #959B63 50%, #CBB572 100%);
    background: linear-gradient(to bottom, #5E6C4D 0%, #959B63 50%, #CBB572 100%);
}
</style>