#5E5A42 - #CDCF69 | 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 #5E5A42 to #CDCF69

#5E5A42 #CDCF69

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

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

0.0%	0.0% #5E5A42	RGB 94 90 66	#5E5A42
16.7%	16.7% #706D48	RGB 112 109 72	#706D48
33.3%	33.3% #83814F	RGB 131 129 79	#83814F
50.0%	50.0% #959455	RGB 149 148 85	#959455
66.7%	66.7% #A8A85C	RGB 168 168 92	#A8A85C
83.3%	83.3% #BABB62	RGB 186 187 98	#BABB62
100.0%	100.0% #CDCF69	RGB 205 207 105	#CDCF69

#5E5A42 #706D48 #83814F #959455 #A8A85C #BABB62 #CDCF69

#5E5A42 - #CDCF69

HSV Blend

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

0.0%	0.0% #5E5A42	RGB 94 90 66	#5E5A42
16.7%	16.7% #706C4B	RGB 112 108 75	#706C4B
33.3%	33.3% #837F53	RGB 131 127 83	#837F53
50.0%	50.0% #96925B	RGB 150 146 91	#96925B
66.7%	66.7% #A9A660	RGB 169 166 96	#A9A660
83.3%	83.3% #BCBB65	RGB 188 187 101	#BCBB65
100.0%	100.0% #CDCF69	RGB 205 207 105	#CDCF69

#5E5A42 #706C4B #837F53 #96925B #A9A660 #BCBB65 #CDCF69

#5E5A42 - #96925B - #CDCF69

CSS codes

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

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