#5E6334 - #CAAD5D | 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 #5E6334 to #CAAD5D

#5E6334 #CAAD5D

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

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

0.0%	0.0% #5E6334	RGB 94 99 52	#5E6334
16.7%	16.7% #706F3A	RGB 112 111 58	#706F3A
33.3%	33.3% #827B41	RGB 130 123 65	#827B41
50.0%	50.0% #948848	RGB 148 136 72	#948848
66.7%	66.7% #A6944F	RGB 166 148 79	#A6944F
83.3%	83.3% #B8A056	RGB 184 160 86	#B8A056
100.0%	100.0% #CAAD5D	RGB 202 173 93	#CAAD5D

#5E6334 #706F3A #827B41 #948848 #A6944F #B8A056 #CAAD5D

#5E6334 - #CAAD5D

HSV Blend

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

0.0%	0.0% #5E6334	RGB 94 99 52	#5E6334
16.7%	16.7% #71743B	RGB 113 116 59	#71743B
33.3%	33.3% #858443	RGB 133 132 67	#858443
50.0%	50.0% #96904A	RGB 150 144 74	#96904A
66.7%	66.7% #A79B50	RGB 167 155 80	#A79B50
83.3%	83.3% #B8A457	RGB 184 164 87	#B8A457
100.0%	100.0% #CAAD5D	RGB 202 173 93	#CAAD5D

#5E6334 #71743B #858443 #96904A #A79B50 #B8A457 #CAAD5D

#5E6334 - #96904A - #CAAD5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6334 0%, #96904A 50%, #CAAD5D 100%);
    background: -webkit-linear-gradient(top, #5E6334 0%, #96904A 50%, #CAAD5D 100%);
    background: linear-gradient(to bottom, #5E6334 0%, #96904A 50%, #CAAD5D 100%);
}
</style>