#5E673C - #CBB164 | 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 #5E673C to #CBB164

#5E673C #CBB164

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

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

0.0%	0.0% #5E673C	RGB 94 103 60	#5E673C
16.7%	16.7% #707342	RGB 112 115 66	#707342
33.3%	33.3% #827F49	RGB 130 127 73	#827F49
50.0%	50.0% #948C50	RGB 148 140 80	#948C50
66.7%	66.7% #A69856	RGB 166 152 86	#A69856
83.3%	83.3% #B8A45D	RGB 184 164 93	#B8A45D
100.0%	100.0% #CBB164	RGB 203 177 100	#CBB164

#5E673C #707342 #827F49 #948C50 #A69856 #B8A45D #CBB164

#5E673C - #CBB164

HSV Blend

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

0.0%	0.0% #5E673C	RGB 94 103 60	#5E673C
16.7%	16.7% #707743	RGB 112 119 67	#707743
33.3%	33.3% #84884B	RGB 132 136 75	#84884B
50.0%	50.0% #999752	RGB 153 151 82	#999752
66.7%	66.7% #A9A158	RGB 169 161 88	#A9A158
83.3%	83.3% #BAAA5E	RGB 186 170 94	#BAAA5E
100.0%	100.0% #CBB164	RGB 203 177 100	#CBB164

#5E673C #707743 #84884B #999752 #A9A158 #BAAA5E #CBB164

#5E673C - #999752 - #CBB164

CSS codes

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

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