#7E5E4E - #DAD1CC | 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 #7E5E4E to #DAD1CC

#7E5E4E #DAD1CC

Calculate the color between two colors, #7E5E4E and #DAD1CC. 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)

#7E5E4E - #DAD1CC | 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 #7E5E4E as 0% and #DAD1CC as 100%.

0.0%	0.0% #7E5E4E	RGB 126 94 78	#7E5E4E
16.7%	16.7% #8D7163	RGB 141 113 99	#8D7163
33.3%	33.3% #9C8478	RGB 156 132 120	#9C8478
50.0%	50.0% #AC978D	RGB 172 151 141	#AC978D
66.7%	66.7% #BBAAA2	RGB 187 170 162	#BBAAA2
83.3%	83.3% #CABDB7	RGB 202 189 183	#CABDB7
100.0%	100.0% #DAD1CC	RGB 218 209 204	#DAD1CC

#7E5E4E #8D7163 #9C8478 #AC978D #BBAAA2 #CABDB7 #DAD1CC

#7E5E4E - #DAD1CC

HSV Blend

#7E5E4E - #DAD1CC | 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 #7E5E4E as 0% and #DAD1CC as 100%.

0.0%	0.0% #7E5E4E	RGB 126 94 78	#7E5E4E
16.7%	16.7% #8D6E5E	RGB 141 110 94	#8D6E5E
33.3%	33.3% #9C8071	RGB 156 128 113	#9C8071
50.0%	50.0% #AC9285	RGB 172 146 133	#AC9285
66.7%	66.7% #BBA69B	RGB 187 166 155	#BBA69B
83.3%	83.3% #CABBB2	RGB 202 187 178	#CABBB2
100.0%	100.0% #DAD1CC	RGB 218 209 204	#DAD1CC

#7E5E4E #8D6E5E #9C8071 #AC9285 #BBA69B #CABBB2 #DAD1CC

#7E5E4E - #AC9285 - #DAD1CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E4E 0%, #AC9285 50%, #DAD1CC 100%);
    background: -webkit-linear-gradient(top, #7E5E4E 0%, #AC9285 50%, #DAD1CC 100%);
    background: linear-gradient(to bottom, #7E5E4E 0%, #AC9285 50%, #DAD1CC 100%);
}
</style>