#5E5C45 - #CDD06C | 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 #5E5C45 to #CDD06C

#5E5C45 #CDD06C

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

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

0.0%	0.0% #5E5C45	RGB 94 92 69	#5E5C45
16.7%	16.7% #706F4B	RGB 112 111 75	#706F4B
33.3%	33.3% #838252	RGB 131 130 82	#838252
50.0%	50.0% #959658	RGB 149 150 88	#959658
66.7%	66.7% #A8A95F	RGB 168 169 95	#A8A95F
83.3%	83.3% #BABC65	RGB 186 188 101	#BABC65
100.0%	100.0% #CDD06C	RGB 205 208 108	#CDD06C

#5E5C45 #706F4B #838252 #959658 #A8A95F #BABC65 #CDD06C

#5E5C45 - #CDD06C

HSV Blend

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

0.0%	0.0% #5E5C45	RGB 94 92 69	#5E5C45
16.7%	16.7% #716E4E	RGB 113 110 78	#716E4E
33.3%	33.3% #848257	RGB 132 130 87	#848257
50.0%	50.0% #97955E	RGB 151 149 94	#97955E
66.7%	66.7% #AAA964	RGB 170 169 100	#AAA964
83.3%	83.3% #BCBD68	RGB 188 189 104	#BCBD68
100.0%	100.0% #CDD06C	RGB 205 208 108	#CDD06C

#5E5C45 #716E4E #848257 #97955E #AAA964 #BCBD68 #CDD06C

#5E5C45 - #97955E - #CDD06C

CSS codes

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

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