#5D5A30 - #D0CFC3 | 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 #5D5A30 to #D0CFC3

#5D5A30 #D0CFC3

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

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

0.0%	0.0% #5D5A30	RGB 93 90 48	#5D5A30
16.7%	16.7% #706D48	RGB 112 109 72	#706D48
33.3%	33.3% #838161	RGB 131 129 97	#838161
50.0%	50.0% #969479	RGB 150 148 121	#969479
66.7%	66.7% #A9A892	RGB 169 168 146	#A9A892
83.3%	83.3% #BCBBAA	RGB 188 187 170	#BCBBAA
100.0%	100.0% #D0CFC3	RGB 208 207 195	#D0CFC3

#5D5A30 #706D48 #838161 #969479 #A9A892 #BCBBAA #D0CFC3

#5D5A30 - #D0CFC3

HSV Blend

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

0.0%	0.0% #5D5A30	RGB 93 90 48	#5D5A30
16.7%	16.7% #706C41	RGB 112 108 65	#706C41
33.3%	33.3% #838056	RGB 131 128 86	#838056
50.0%	50.0% #96936D	RGB 150 147 109	#96936D
66.7%	66.7% #A9A787	RGB 169 167 135	#A9A787
83.3%	83.3% #BCBAA3	RGB 188 186 163	#BCBAA3
100.0%	100.0% #D0CFC3	RGB 208 207 195	#D0CFC3

#5D5A30 #706C41 #838056 #96936D #A9A787 #BCBAA3 #D0CFC3

#5D5A30 - #96936D - #D0CFC3

CSS codes

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

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