#5E6122 - #CBAA4B | 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 #5E6122 to #CBAA4B

#5E6122 #CBAA4B

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

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

0.0%	0.0% #5E6122	RGB 94 97 34	#5E6122
16.7%	16.7% #706D28	RGB 112 109 40	#706D28
33.3%	33.3% #82792F	RGB 130 121 47	#82792F
50.0%	50.0% #948536	RGB 148 133 54	#948536
66.7%	66.7% #A6913D	RGB 166 145 61	#A6913D
83.3%	83.3% #B89D44	RGB 184 157 68	#B89D44
100.0%	100.0% #CBAA4B	RGB 203 170 75	#CBAA4B

#5E6122 #706D28 #82792F #948536 #A6913D #B89D44 #CBAA4B

#5E6122 - #CBAA4B

HSV Blend

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

0.0%	0.0% #5E6121	RGB 94 97 33	#5E6121
16.7%	16.7% #727228	RGB 114 114 40	#727228
33.3%	33.3% #847F2F	RGB 132 127 47	#847F2F
50.0%	50.0% #968B35	RGB 150 139 53	#968B35
66.7%	66.7% #A7973C	RGB 167 151 60	#A7973C
83.3%	83.3% #B9A143	RGB 185 161 67	#B9A143
100.0%	100.0% #CBAA4B	RGB 203 170 75	#CBAA4B

#5E6121 #727228 #847F2F #968B35 #A7973C #B9A143 #CBAA4B

#5E6122 - #968B35 - #CBAA4B

CSS codes

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

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