#5E611B - #CBA943 | 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 #5E611B to #CBA943

#5E611B #CBA943

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

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

0.0%	0.0% #5E611B	RGB 94 97 27	#5E611B
16.7%	16.7% #706D21	RGB 112 109 33	#706D21
33.3%	33.3% #827928	RGB 130 121 40	#827928
50.0%	50.0% #94852F	RGB 148 133 47	#94852F
66.7%	66.7% #A69135	RGB 166 145 53	#A69135
83.3%	83.3% #B89D3C	RGB 184 157 60	#B89D3C
100.0%	100.0% #CBA943	RGB 203 169 67	#CBA943

#5E611B #706D21 #827928 #94852F #A69135 #B89D3C #CBA943

#5E611B - #CBA943

HSV Blend

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

0.0%	0.0% #5E611B	RGB 94 97 27	#5E611B
16.7%	16.7% #727220	RGB 114 114 32	#727220
33.3%	33.3% #847F27	RGB 132 127 39	#847F27
50.0%	50.0% #968B2D	RGB 150 139 45	#968B2D
66.7%	66.7% #A79634	RGB 167 150 52	#A79634
83.3%	83.3% #B9A03B	RGB 185 160 59	#B9A03B
100.0%	100.0% #CBA943	RGB 203 169 67	#CBA943

#5E611B #727220 #847F27 #968B2D #A79634 #B9A03B #CBA943

#5E611B - #968B2D - #CBA943

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E611B 0%, #968B2D 50%, #CBA943 100%);
    background: -webkit-linear-gradient(top, #5E611B 0%, #968B2D 50%, #CBA943 100%);
    background: linear-gradient(to bottom, #5E611B 0%, #968B2D 50%, #CBA943 100%);
}
</style>