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

#7F5E4D #DAD1CC

Calculate the color between two colors, #7F5E4D 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)

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

0.0%	0.0% #7F5E4D	RGB 127 94 77	#7F5E4D
16.7%	16.7% #8E7162	RGB 142 113 98	#8E7162
33.3%	33.3% #9D8477	RGB 157 132 119	#9D8477
50.0%	50.0% #AC978C	RGB 172 151 140	#AC978C
66.7%	66.7% #BBAAA1	RGB 187 170 161	#BBAAA1
83.3%	83.3% #CABDB6	RGB 202 189 182	#CABDB6
100.0%	100.0% #DAD1CC	RGB 218 209 204	#DAD1CC

#7F5E4D #8E7162 #9D8477 #AC978C #BBAAA1 #CABDB6 #DAD1CC

#7F5E4D - #DAD1CC

HSV Blend

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

0.0%	0.0% #7F5E4D	RGB 127 94 77	#7F5E4D
16.7%	16.7% #8E6E5E	RGB 142 110 94	#8E6E5E
33.3%	33.3% #9D8070	RGB 157 128 112	#9D8070
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

#7F5E4D #8E6E5E #9D8070 #AC9285 #BBA69B #CABBB2 #DAD1CC

#7F5E4D - #AC9285 - #DAD1CC

CSS codes

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

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