#5E704B - #CEB970 | 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 #5E704B to #CEB970

#5E704B #CEB970

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

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

0.0%	0.0% #5E704B	RGB 94 112 75	#5E704B
16.7%	16.7% #707C51	RGB 112 124 81	#707C51
33.3%	33.3% #838857	RGB 131 136 87	#838857
50.0%	50.0% #96945D	RGB 150 148 93	#96945D
66.7%	66.7% #A8A063	RGB 168 160 99	#A8A063
83.3%	83.3% #BBAC69	RGB 187 172 105	#BBAC69
100.0%	100.0% #CEB970	RGB 206 185 112	#CEB970

#5E704B #707C51 #838857 #96945D #A8A063 #BBAC69 #CEB970

#5E704B - #CEB970

HSV Blend

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

0.0%	0.0% #5E704B	RGB 94 112 75	#5E704B
16.7%	16.7% #6F7F52	RGB 111 127 82	#6F7F52
33.3%	33.3% #818F59	RGB 129 143 89	#818F59
50.0%	50.0% #969F60	RGB 150 159 96	#969F60
66.7%	66.7% #ADAE66	RGB 173 174 102	#ADAE66
83.3%	83.3% #BEB56B	RGB 190 181 107	#BEB56B
100.0%	100.0% #CEB970	RGB 206 185 112	#CEB970

#5E704B #6F7F52 #818F59 #969F60 #ADAE66 #BEB56B #CEB970

#5E704B - #969F60 - #CEB970

CSS codes

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

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