#5E5945 - #CFCE6D | 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 #5E5945 to #CFCE6D

#5E5945 #CFCE6D

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

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

0.0%	0.0% #5E5945	RGB 94 89 69	#5E5945
16.7%	16.7% #706C4B	RGB 112 108 75	#706C4B
33.3%	33.3% #838052	RGB 131 128 82	#838052
50.0%	50.0% #969359	RGB 150 147 89	#969359
66.7%	66.7% #A9A75F	RGB 169 167 95	#A9A75F
83.3%	83.3% #BCBA66	RGB 188 186 102	#BCBA66
100.0%	100.0% #CFCE6D	RGB 207 206 109	#CFCE6D

#5E5945 #706C4B #838052 #969359 #A9A75F #BCBA66 #CFCE6D

#5E5945 - #CFCE6D

HSV Blend

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

0.0%	0.0% #5E5945	RGB 94 89 69	#5E5945
16.7%	16.7% #706B4E	RGB 112 107 78	#706B4E
33.3%	33.3% #837D57	RGB 131 125 87	#837D57
50.0%	50.0% #96905E	RGB 150 144 94	#96905E
66.7%	66.7% #A9A464	RGB 169 164 100	#A9A464
83.3%	83.3% #BCB869	RGB 188 184 105	#BCB869
100.0%	100.0% #CFCE6D	RGB 207 206 109	#CFCE6D

#5E5945 #706B4E #837D57 #96905E #A9A464 #BCB869 #CFCE6D

#5E5945 - #96905E - #CFCE6D

CSS codes

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

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