#5E6147 - #C5AC70 | 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 #5E6147 to #C5AC70

#5E6147 #C5AC70

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

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

0.0%	0.0% #5E6147	RGB 94 97 71	#5E6147
16.7%	16.7% #6F6D4D	RGB 111 109 77	#6F6D4D
33.3%	33.3% #807A54	RGB 128 122 84	#807A54
50.0%	50.0% #91865B	RGB 145 134 91	#91865B
66.7%	66.7% #A29362	RGB 162 147 98	#A29362
83.3%	83.3% #B39F69	RGB 179 159 105	#B39F69
100.0%	100.0% #C5AC70	RGB 197 172 112	#C5AC70

#5E6147 #6F6D4D #807A54 #91865B #A29362 #B39F69 #C5AC70

#5E6147 - #C5AC70

HSV Blend

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

0.0%	0.0% #5E6147	RGB 94 97 71	#5E6147
16.7%	16.7% #707150	RGB 112 113 80	#707150
33.3%	33.3% #828158	RGB 130 129 88	#828158
50.0%	50.0% #938E5F	RGB 147 142 95	#938E5F
66.7%	66.7% #A39965	RGB 163 153 101	#A39965
83.3%	83.3% #B4A36B	RGB 180 163 107	#B4A36B
100.0%	100.0% #C5AC70	RGB 197 172 112	#C5AC70

#5E6147 #707150 #828158 #938E5F #A39965 #B4A36B #C5AC70

#5E6147 - #938E5F - #C5AC70

CSS codes

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

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