#5E372A - #D1C5C2 | 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 #5E372A to #D1C5C2

#5E372A #D1C5C2

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

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

0.0%	0.0% #5E372A	RGB 94 55 42	#5E372A
16.7%	16.7% #714E43	RGB 113 78 67	#714E43
33.3%	33.3% #84665C	RGB 132 102 92	#84665C
50.0%	50.0% #977E76	RGB 151 126 118	#977E76
66.7%	66.7% #AA958F	RGB 170 149 143	#AA958F
83.3%	83.3% #BDADA8	RGB 189 173 168	#BDADA8
100.0%	100.0% #D1C5C2	RGB 209 197 194	#D1C5C2

#5E372A #714E43 #84665C #977E76 #AA958F #BDADA8 #D1C5C2

#5E372A - #D1C5C2

HSV Blend

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

0.0%	0.0% #5E372A	RGB 94 55 42	#5E372A
16.7%	16.7% #71483B	RGB 113 72 59	#71483B
33.3%	33.3% #845C50	RGB 132 92 80	#845C50
50.0%	50.0% #977268	RGB 151 114 104	#977268
66.7%	66.7% #AA8B83	RGB 170 139 131	#AA8B83
83.3%	83.3% #BDA6A0	RGB 189 166 160	#BDA6A0
100.0%	100.0% #D1C5C2	RGB 209 197 194	#D1C5C2

#5E372A #71483B #845C50 #977268 #AA8B83 #BDA6A0 #D1C5C2

#5E372A - #977268 - #D1C5C2

CSS codes

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

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