#5E6129 - #CAAA52 | 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 #5E6129 to #CAAA52

#5E6129 #CAAA52

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

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

0.0%	0.0% #5E6129	RGB 94 97 41	#5E6129
16.7%	16.7% #706D2F	RGB 112 109 47	#706D2F
33.3%	33.3% #827936	RGB 130 121 54	#827936
50.0%	50.0% #94853D	RGB 148 133 61	#94853D
66.7%	66.7% #A69144	RGB 166 145 68	#A69144
83.3%	83.3% #B89D4B	RGB 184 157 75	#B89D4B
100.0%	100.0% #CAAA52	RGB 202 170 82	#CAAA52

#5E6129 #706D2F #827936 #94853D #A69144 #B89D4B #CAAA52

#5E6129 - #CAAA52

HSV Blend

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

0.0%	0.0% #5E6129	RGB 94 97 41	#5E6129
16.7%	16.7% #727230	RGB 114 114 48	#727230
33.3%	33.3% #847F37	RGB 132 127 55	#847F37
50.0%	50.0% #958C3D	RGB 149 140 61	#958C3D
66.7%	66.7% #A79744	RGB 167 151 68	#A79744
83.3%	83.3% #B8A14B	RGB 184 161 75	#B8A14B
100.0%	100.0% #CAAA52	RGB 202 170 82	#CAAA52

#5E6129 #727230 #847F37 #958C3D #A79744 #B8A14B #CAAA52

#5E6129 - #958C3D - #CAAA52

CSS codes

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

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