#5E3E3A - #D1C7C6 | 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 #5E3E3A to #D1C7C6

#5E3E3A #D1C7C6

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

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

0.0%	0.0% #5E3E3A	RGB 94 62 58	#5E3E3A
16.7%	16.7% #715451	RGB 113 84 81	#715451
33.3%	33.3% #846B68	RGB 132 107 104	#846B68
50.0%	50.0% #978280	RGB 151 130 128	#978280
66.7%	66.7% #AA9997	RGB 170 153 151	#AA9997
83.3%	83.3% #BDB0AE	RGB 189 176 174	#BDB0AE
100.0%	100.0% #D1C7C6	RGB 209 199 198	#D1C7C6

#5E3E3A #715451 #846B68 #978280 #AA9997 #BDB0AE #D1C7C6

#5E3E3A - #D1C7C6

HSV Blend

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

0.0%	0.0% #5E3E3A	RGB 94 62 58	#5E3E3A
16.7%	16.7% #71504C	RGB 113 80 76	#71504C
33.3%	33.3% #846360	RGB 132 99 96	#846360
50.0%	50.0% #977976	RGB 151 121 118	#977976
66.7%	66.7% #AA918E	RGB 170 145 142	#AA918E
83.3%	83.3% #BDABA9	RGB 189 171 169	#BDABA9
100.0%	100.0% #D1C7C6	RGB 209 199 198	#D1C7C6

#5E3E3A #71504C #846360 #977976 #AA918E #BDABA9 #D1C7C6

#5E3E3A - #977976 - #D1C7C6

CSS codes

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

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