#DAC4AF - #E6C0DA | 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 #DAC4AF to #E6C0DA

#DAC4AF #E6C0DA

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

#DAC4AF - #E6C0DA | 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 #DAC4AF as 0% and #E6C0DA as 100%.

0.0%	0.0% #DAC4AF	RGB 218 196 175	#DAC4AF
16.7%	16.7% #DCC3B6	RGB 220 195 182	#DCC3B6
33.3%	33.3% #DEC2BD	RGB 222 194 189	#DEC2BD
50.0%	50.0% #E0C2C4	RGB 224 194 196	#E0C2C4
66.7%	66.7% #E2C1CB	RGB 226 193 203	#E2C1CB
83.3%	83.3% #E4C0D2	RGB 228 192 210	#E4C0D2
100.0%	100.0% #E6C0DA	RGB 230 192 218	#E6C0DA

#DAC4AF #DCC3B6 #DEC2BD #E0C2C4 #E2C1CB #E4C0D2 #E6C0DA

#DAC4AF - #E6C0DA

HSV Blend

#DAC4AF - #E6C0DA | 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 #DAC4AF as 0% and #E6C0DA as 100%.

0.0%	0.0% #DAC4AF	RGB 218 196 175	#DAC4AF
16.7%	16.7% #DCBEB1	RGB 220 190 177	#DCBEB1
33.3%	33.3% #DEB8B4	RGB 222 184 180	#DEB8B4
50.0%	50.0% #E0B7BB	RGB 224 183 187	#E0B7BB
66.7%	66.7% #E2BAC5	RGB 226 186 197	#E2BAC5
83.3%	83.3% #E4BDD0	RGB 228 189 208	#E4BDD0
100.0%	100.0% #E6C0DA	RGB 230 192 218	#E6C0DA

#DAC4AF #DCBEB1 #DEB8B4 #E0B7BB #E2BAC5 #E4BDD0 #E6C0DA

#DAC4AF - #E0B7BB - #E6C0DA

CSS codes

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

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