#5E5448 - #D1CECA | 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 #5E5448 to #D1CECA

#5E5448 #D1CECA

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

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

0.0%	0.0% #5E5448	RGB 94 84 72	#5E5448
16.7%	16.7% #71685D	RGB 113 104 93	#71685D
33.3%	33.3% #847C73	RGB 132 124 115	#847C73
50.0%	50.0% #979189	RGB 151 145 137	#979189
66.7%	66.7% #AAA59E	RGB 170 165 158	#AAA59E
83.3%	83.3% #BDB9B4	RGB 189 185 180	#BDB9B4
100.0%	100.0% #D1CECA	RGB 209 206 202	#D1CECA

#5E5448 #71685D #847C73 #979189 #AAA59E #BDB9B4 #D1CECA

#5E5448 - #D1CECA

HSV Blend

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

0.0%	0.0% #5E5448	RGB 94 84 72	#5E5448
16.7%	16.7% #71665A	RGB 113 102 90	#71665A
33.3%	33.3% #847A6E	RGB 132 122 110	#847A6E
50.0%	50.0% #978E83	RGB 151 142 131	#978E83
66.7%	66.7% #AAA399	RGB 170 163 153	#AAA399
83.3%	83.3% #BDB8B1	RGB 189 184 177	#BDB8B1
100.0%	100.0% #D1CECA	RGB 209 206 202	#D1CECA

#5E5448 #71665A #847A6E #978E83 #AAA399 #BDB8B1 #D1CECA

#5E5448 - #978E83 - #D1CECA

CSS codes

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

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