#5E5214 - #D1CDBB | 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 #5E5214 to #D1CDBB

#5E5214 #D1CDBB

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

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

0.0%	0.0% #5E5214	RGB 94 82 20	#5E5214
16.7%	16.7% #71662F	RGB 113 102 47	#71662F
33.3%	33.3% #847B4B	RGB 132 123 75	#847B4B
50.0%	50.0% #978F67	RGB 151 143 103	#978F67
66.7%	66.7% #AAA483	RGB 170 164 131	#AAA483
83.3%	83.3% #BDB89F	RGB 189 184 159	#BDB89F
100.0%	100.0% #D1CDBB	RGB 209 205 187	#D1CDBB

#5E5214 #71662F #847B4B #978F67 #AAA483 #BDB89F #D1CDBB

#5E5214 - #D1CDBB

HSV Blend

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

0.0%	0.0% #5E5213	RGB 94 82 19	#5E5213
16.7%	16.7% #716424	RGB 113 100 36	#716424
33.3%	33.3% #84773A	RGB 132 119 58	#84773A
50.0%	50.0% #978B53	RGB 151 139 83	#978B53
66.7%	66.7% #AAA071	RGB 170 160 113	#AAA071
83.3%	83.3% #BDB694	RGB 189 182 148	#BDB694
100.0%	100.0% #D1CDBB	RGB 209 205 187	#D1CDBB

#5E5213 #716424 #84773A #978B53 #AAA071 #BDB694 #D1CDBB

#5E5214 - #978B53 - #D1CDBB

CSS codes

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

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