#5E5E48 - #D1D1CA | 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 #5E5E48 to #D1D1CA

#5E5E48 #D1D1CA

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

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

0.0%	0.0% #5E5E48	RGB 94 94 72	#5E5E48
16.7%	16.7% #71715D	RGB 113 113 93	#71715D
33.3%	33.3% #848473	RGB 132 132 115	#848473
50.0%	50.0% #979789	RGB 151 151 137	#979789
66.7%	66.7% #AAAA9E	RGB 170 170 158	#AAAA9E
83.3%	83.3% #BDBDB4	RGB 189 189 180	#BDBDB4
100.0%	100.0% #D1D1CA	RGB 209 209 202	#D1D1CA

#5E5E48 #71715D #848473 #979789 #AAAA9E #BDBDB4 #D1D1CA

#5E5E48 - #D1D1CA

HSV Blend

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

0.0%	0.0% #5E5E48	RGB 94 94 72	#5E5E48
16.7%	16.7% #71715A	RGB 113 113 90	#71715A
33.3%	33.3% #84846E	RGB 132 132 110	#84846E
50.0%	50.0% #979783	RGB 151 151 131	#979783
66.7%	66.7% #AAAA99	RGB 170 170 153	#AAAA99
83.3%	83.3% #BDBDB1	RGB 189 189 177	#BDBDB1
100.0%	100.0% #D1D1CA	RGB 209 209 202	#D1D1CA

#5E5E48 #71715A #84846E #979783 #AAAA99 #BDBDB1 #D1D1CA

#5E5E48 - #979783 - #D1D1CA

CSS codes

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

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