#DAA3AC - #A44C5E | 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 #DAA3AC to #A44C5E

#DAA3AC #A44C5E

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

#DAA3AC - #A44C5E | 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 #DAA3AC as 0% and #A44C5E as 100%.

0.0%	0.0% #DAA3AC	RGB 218 163 172	#DAA3AC
16.7%	16.7% #D1949F	RGB 209 148 159	#D1949F
33.3%	33.3% #C88692	RGB 200 134 146	#C88692
50.0%	50.0% #BF7785	RGB 191 119 133	#BF7785
66.7%	66.7% #B66978	RGB 182 105 120	#B66978
83.3%	83.3% #AD5A6B	RGB 173 90 107	#AD5A6B
100.0%	100.0% #A44C5E	RGB 164 76 94	#A44C5E

#DAA3AC #D1949F #C88692 #BF7785 #B66978 #AD5A6B #A44C5E

#DAA3AC - #A44C5E

HSV Blend

#DAA3AC - #A44C5E | 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 #DAA3AC as 0% and #A44C5E as 100%.

0.0%	0.0% #DAA3AC	RGB 218 163 172	#DAA3AC
16.7%	16.7% #D1929D	RGB 209 146 157	#D1929D
33.3%	33.3% #C8828E	RGB 200 130 142	#C8828E
50.0%	50.0% #BF7381	RGB 191 115 129	#BF7381
66.7%	66.7% #B66574	RGB 182 101 116	#B66574
83.3%	83.3% #AD5869	RGB 173 88 105	#AD5869
100.0%	100.0% #A44C5E	RGB 164 76 94	#A44C5E

#DAA3AC #D1929D #C8828E #BF7381 #B66574 #AD5869 #A44C5E

#DAA3AC - #BF7381 - #A44C5E

CSS codes

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

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