#5E6332 - #CAAD5B | 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 #5E6332 to #CAAD5B

#5E6332 #CAAD5B

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

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

0.0%	0.0% #5E6332	RGB 94 99 50	#5E6332
16.7%	16.7% #706F38	RGB 112 111 56	#706F38
33.3%	33.3% #827B3F	RGB 130 123 63	#827B3F
50.0%	50.0% #948846	RGB 148 136 70	#948846
66.7%	66.7% #A6944D	RGB 166 148 77	#A6944D
83.3%	83.3% #B8A054	RGB 184 160 84	#B8A054
100.0%	100.0% #CAAD5B	RGB 202 173 91	#CAAD5B

#5E6332 #706F38 #827B3F #948846 #A6944D #B8A054 #CAAD5B

#5E6332 - #CAAD5B

HSV Blend

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

0.0%	0.0% #5E6332	RGB 94 99 50	#5E6332
16.7%	16.7% #717439	RGB 113 116 57	#717439
33.3%	33.3% #858440	RGB 133 132 64	#858440
50.0%	50.0% #969047	RGB 150 144 71	#969047
66.7%	66.7% #A79B4E	RGB 167 155 78	#A79B4E
83.3%	83.3% #B8A454	RGB 184 164 84	#B8A454
100.0%	100.0% #CAAD5B	RGB 202 173 91	#CAAD5B

#5E6332 #717439 #858440 #969047 #A79B4E #B8A454 #CAAD5B

#5E6332 - #969047 - #CAAD5B

CSS codes

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

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