#5E5722 - #D1CFBF | 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 #5E5722 to #D1CFBF

#5E5722 #D1CFBF

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

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

0.0%	0.0% #5E5722	RGB 94 87 34	#5E5722
16.7%	16.7% #716B3C	RGB 113 107 60	#716B3C
33.3%	33.3% #847F56	RGB 132 127 86	#847F56
50.0%	50.0% #979370	RGB 151 147 112	#979370
66.7%	66.7% #AAA78A	RGB 170 167 138	#AAA78A
83.3%	83.3% #BDBBA4	RGB 189 187 164	#BDBBA4
100.0%	100.0% #D1CFBF	RGB 209 207 191	#D1CFBF

#5E5722 #716B3C #847F56 #979370 #AAA78A #BDBBA4 #D1CFBF

#5E5722 - #D1CFBF

HSV Blend

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

0.0%	0.0% #5E5722	RGB 94 87 34	#5E5722
16.7%	16.7% #716A33	RGB 113 106 51	#716A33
33.3%	33.3% #847D48	RGB 132 125 72	#847D48
50.0%	50.0% #979160	RGB 151 145 96	#979160
66.7%	66.7% #AAA57C	RGB 170 165 124	#AAA57C
83.3%	83.3% #BDBA9C	RGB 189 186 156	#BDBA9C
100.0%	100.0% #D1CFBF	RGB 209 207 191	#D1CFBF

#5E5722 #716A33 #847D48 #979160 #AAA57C #BDBA9C #D1CFBF

#5E5722 - #979160 - #D1CFBF

CSS codes

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

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