#5E3540 - #D1C5C8 | 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 #5E3540 to #D1C5C8

#5E3540 #D1C5C8

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

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

0.0%	0.0% #5E3540	RGB 94 53 64	#5E3540
16.7%	16.7% #714D56	RGB 113 77 86	#714D56
33.3%	33.3% #84656D	RGB 132 101 109	#84656D
50.0%	50.0% #977D84	RGB 151 125 132	#977D84
66.7%	66.7% #AA959A	RGB 170 149 154	#AA959A
83.3%	83.3% #BDADB1	RGB 189 173 177	#BDADB1
100.0%	100.0% #D1C5C8	RGB 209 197 200	#D1C5C8

#5E3540 #714D56 #84656D #977D84 #AA959A #BDADB1 #D1C5C8

#5E3540 - #D1C5C8

HSV Blend

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

0.0%	0.0% #5E3540	RGB 94 53 64	#5E3540
16.7%	16.7% #714652	RGB 113 70 82	#714652
33.3%	33.3% #845B66	RGB 132 91 102	#845B66
50.0%	50.0% #97727B	RGB 151 114 123	#97727B
66.7%	66.7% #AA8B93	RGB 170 139 147	#AA8B93
83.3%	83.3% #BDA6AC	RGB 189 166 172	#BDA6AC
100.0%	100.0% #D1C5C8	RGB 209 197 200	#D1C5C8

#5E3540 #714652 #845B66 #97727B #AA8B93 #BDA6AC #D1C5C8

#5E3540 - #97727B - #D1C5C8

CSS codes

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

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