#5E613B - #C7AB64 | 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 #5E613B to #C7AB64

#5E613B #C7AB64

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

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

0.0%	0.0% #5E613B	RGB 94 97 59	#5E613B
16.7%	16.7% #6F6D41	RGB 111 109 65	#6F6D41
33.3%	33.3% #817948	RGB 129 121 72	#817948
50.0%	50.0% #92864F	RGB 146 134 79	#92864F
66.7%	66.7% #A49256	RGB 164 146 86	#A49256
83.3%	83.3% #B59E5D	RGB 181 158 93	#B59E5D
100.0%	100.0% #C7AB64	RGB 199 171 100	#C7AB64

#5E613B #6F6D41 #817948 #92864F #A49256 #B59E5D #C7AB64

#5E613B - #C7AB64

HSV Blend

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

0.0%	0.0% #5E613B	RGB 94 97 59	#5E613B
16.7%	16.7% #717243	RGB 113 114 67	#717243
33.3%	33.3% #83804B	RGB 131 128 75	#83804B
50.0%	50.0% #948D52	RGB 148 141 82	#948D52
66.7%	66.7% #A59858	RGB 165 152 88	#A59858
83.3%	83.3% #B6A25E	RGB 182 162 94	#B6A25E
100.0%	100.0% #C7AB64	RGB 199 171 100	#C7AB64

#5E613B #717243 #83804B #948D52 #A59858 #B6A25E #C7AB64

#5E613B - #948D52 - #C7AB64

CSS codes

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

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