#D9A0AF - #FFE4C6 | 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 #D9A0AF to #FFE4C6

#D9A0AF #FFE4C6

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

#D9A0AF - #FFE4C6 | 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 #D9A0AF as 0% and #FFE4C6 as 100%.

0.0%	0.0% #D9A0AF	RGB 217 160 175	#D9A0AF
16.7%	16.7% #DFABB2	RGB 223 171 178	#DFABB2
33.3%	33.3% #E5B6B6	RGB 229 182 182	#E5B6B6
50.0%	50.0% #ECC2BA	RGB 236 194 186	#ECC2BA
66.7%	66.7% #F2CDBE	RGB 242 205 190	#F2CDBE
83.3%	83.3% #F8D8C2	RGB 248 216 194	#F8D8C2
100.0%	100.0% #FFE4C6	RGB 255 228 198	#FFE4C6

#D9A0AF #DFABB2 #E5B6B6 #ECC2BA #F2CDBE #F8D8C2 #FFE4C6

#D9A0AF - #FFE4C6

HSV Blend

#D9A0AF - #FFE4C6 | 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 #D9A0AF as 0% and #FFE4C6 as 100%.

0.0%	0.0% #D9A0AF	RGB 217 160 175	#D9A0AF
16.7%	16.7% #DFA6AD	RGB 223 166 173	#DFA6AD
33.3%	33.3% #E5ACAC	RGB 229 172 172	#E5ACAC
50.0%	50.0% #ECBAB2	RGB 236 186 178	#ECBAB2
66.7%	66.7% #F2C8B9	RGB 242 200 185	#F2C8B9
83.3%	83.3% #F8D6BF	RGB 248 214 191	#F8D6BF
100.0%	100.0% #FFE4C6	RGB 255 228 198	#FFE4C6

#D9A0AF #DFA6AD #E5ACAC #ECBAB2 #F2C8B9 #F8D6BF #FFE4C6

#D9A0AF - #ECBAB2 - #FFE4C6

CSS codes

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

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