#5D5E4C - #D1D0CB | 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 #5D5E4C to #D1D0CB

#5D5E4C #D1D0CB

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

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

0.0%	0.0% #5D5E4C	RGB 93 94 76	#5D5E4C
16.7%	16.7% #707161	RGB 112 113 97	#707161
33.3%	33.3% #838476	RGB 131 132 118	#838476
50.0%	50.0% #97978B	RGB 151 151 139	#97978B
66.7%	66.7% #AAAAA0	RGB 170 170 160	#AAAAA0
83.3%	83.3% #BDBDB5	RGB 189 189 181	#BDBDB5
100.0%	100.0% #D1D0CB	RGB 209 208 203	#D1D0CB

#5D5E4C #707161 #838476 #97978B #AAAAA0 #BDBDB5 #D1D0CB

#5D5E4C - #D1D0CB

HSV Blend

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

0.0%	0.0% #5D5E4C	RGB 93 94 76	#5D5E4C
16.7%	16.7% #70715E	RGB 112 113 94	#70715E
33.3%	33.3% #848372	RGB 132 131 114	#848372
50.0%	50.0% #979686	RGB 151 150 134	#979686
66.7%	66.7% #AAA99C	RGB 170 169 156	#AAA99C
83.3%	83.3% #BDBCB3	RGB 189 188 179	#BDBCB3
100.0%	100.0% #D1D0CB	RGB 209 208 203	#D1D0CB

#5D5E4C #70715E #848372 #979686 #AAA99C #BDBCB3 #D1D0CB

#5D5E4C - #979686 - #D1D0CB

CSS codes

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

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