#5E6112 - #CCA93A | 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 #5E6112 to #CCA93A

#5E6112 #CCA93A

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

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

0.0%	0.0% #5E6112	RGB 94 97 18	#5E6112
16.7%	16.7% #706D18	RGB 112 109 24	#706D18
33.3%	33.3% #82791F	RGB 130 121 31	#82791F
50.0%	50.0% #958526	RGB 149 133 38	#958526
66.7%	66.7% #A7912C	RGB 167 145 44	#A7912C
83.3%	83.3% #B99D33	RGB 185 157 51	#B99D33
100.0%	100.0% #CCA93A	RGB 204 169 58	#CCA93A

#5E6112 #706D18 #82791F #958526 #A7912C #B99D33 #CCA93A

#5E6112 - #CCA93A

HSV Blend

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

0.0%	0.0% #5E6112	RGB 94 97 18	#5E6112
16.7%	16.7% #727217	RGB 114 114 23	#727217
33.3%	33.3% #847F1C	RGB 132 127 28	#847F1C
50.0%	50.0% #968A23	RGB 150 138 35	#968A23
66.7%	66.7% #A8952A	RGB 168 149 42	#A8952A
83.3%	83.3% #BA9F31	RGB 186 159 49	#BA9F31
100.0%	100.0% #CCA93A	RGB 204 169 58	#CCA93A

#5E6112 #727217 #847F1C #968A23 #A8952A #BA9F31 #CCA93A

#5E6112 - #968A23 - #CCA93A

CSS codes

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

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