#5E5A48 - #D1D0CA | 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 #5E5A48 to #D1D0CA

#5E5A48 #D1D0CA

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

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

0.0%	0.0% #5E5A48	RGB 94 90 72	#5E5A48
16.7%	16.7% #716D5D	RGB 113 109 93	#716D5D
33.3%	33.3% #848173	RGB 132 129 115	#848173
50.0%	50.0% #979589	RGB 151 149 137	#979589
66.7%	66.7% #AAA89E	RGB 170 168 158	#AAA89E
83.3%	83.3% #BDBCB4	RGB 189 188 180	#BDBCB4
100.0%	100.0% #D1D0CA	RGB 209 208 202	#D1D0CA

#5E5A48 #716D5D #848173 #979589 #AAA89E #BDBCB4 #D1D0CA

#5E5A48 - #D1D0CA

HSV Blend

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

0.0%	0.0% #5E5A48	RGB 94 90 72	#5E5A48
16.7%	16.7% #716D5A	RGB 113 109 90	#716D5A
33.3%	33.3% #84806E	RGB 132 128 110	#84806E
50.0%	50.0% #979483	RGB 151 148 131	#979483
66.7%	66.7% #AAA799	RGB 170 167 153	#AAA799
83.3%	83.3% #BDBBB1	RGB 189 187 177	#BDBBB1
100.0%	100.0% #D1D0CA	RGB 209 208 202	#D1D0CA

#5E5A48 #716D5A #84806E #979483 #AAA799 #BDBBB1 #D1D0CA

#5E5A48 - #979483 - #D1D0CA

CSS codes

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

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