#5E5020 - #D1CCBF | 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 #5E5020 to #D1CCBF

#5E5020 #D1CCBF

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

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

0.0%	0.0% #5E5020	RGB 94 80 32	#5E5020
16.7%	16.7% #71643A	RGB 113 100 58	#71643A
33.3%	33.3% #847955	RGB 132 121 85	#847955
50.0%	50.0% #978E6F	RGB 151 142 111	#978E6F
66.7%	66.7% #AAA28A	RGB 170 162 138	#AAA28A
83.3%	83.3% #BDB7A4	RGB 189 183 164	#BDB7A4
100.0%	100.0% #D1CCBF	RGB 209 204 191	#D1CCBF

#5E5020 #71643A #847955 #978E6F #AAA28A #BDB7A4 #D1CCBF

#5E5020 - #D1CCBF

HSV Blend

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

0.0%	0.0% #5E5020	RGB 94 80 32	#5E5020
16.7%	16.7% #716231	RGB 113 98 49	#716231
33.3%	33.3% #847546	RGB 132 117 70	#847546
50.0%	50.0% #97895F	RGB 151 137 95	#97895F
66.7%	66.7% #AA9E7B	RGB 170 158 123	#AA9E7B
83.3%	83.3% #BDB49B	RGB 189 180 155	#BDB49B
100.0%	100.0% #D1CCBF	RGB 209 204 191	#D1CCBF

#5E5020 #716231 #847546 #97895F #AA9E7B #BDB49B #D1CCBF

#5E5020 - #97895F - #D1CCBF

CSS codes

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

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