#5E5A53 - #D1CFCD | 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 #5E5A53 to #D1CFCD

#5E5A53 #D1CFCD

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

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

0.0%	0.0% #5E5A53	RGB 94 90 83	#5E5A53
16.7%	16.7% #716D67	RGB 113 109 103	#716D67
33.3%	33.3% #84817B	RGB 132 129 123	#84817B
50.0%	50.0% #979490	RGB 151 148 144	#979490
66.7%	66.7% #AAA8A4	RGB 170 168 164	#AAA8A4
83.3%	83.3% #BDBBB8	RGB 189 187 184	#BDBBB8
100.0%	100.0% #D1CFCD	RGB 209 207 205	#D1CFCD

#5E5A53 #716D67 #84817B #979490 #AAA8A4 #BDBBB8 #D1CFCD

#5E5A53 - #D1CFCD

HSV Blend

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

0.0%	0.0% #5E5A53	RGB 94 90 83	#5E5A53
16.7%	16.7% #716C65	RGB 113 108 101	#716C65
33.3%	33.3% #847F79	RGB 132 127 121	#847F79
50.0%	50.0% #97938D	RGB 151 147 141	#97938D
66.7%	66.7% #AAA6A1	RGB 170 166 161	#AAA6A1
83.3%	83.3% #BDBAB7	RGB 189 186 183	#BDBAB7
100.0%	100.0% #D1CFCD	RGB 209 207 205	#D1CFCD

#5E5A53 #716C65 #847F79 #97938D #AAA6A1 #BDBAB7 #D1CFCD

#5E5A53 - #97938D - #D1CFCD

CSS codes

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

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