#D9AFAE - #FEEDCF | 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 #D9AFAE to #FEEDCF

#D9AFAE #FEEDCF

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

#D9AFAE - #FEEDCF | 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 #D9AFAE as 0% and #FEEDCF as 100%.

0.0%	0.0% #D9AFAE	RGB 217 175 174	#D9AFAE
16.7%	16.7% #DFB9B3	RGB 223 185 179	#DFB9B3
33.3%	33.3% #E5C3B9	RGB 229 195 185	#E5C3B9
50.0%	50.0% #EBCEBE	RGB 235 206 190	#EBCEBE
66.7%	66.7% #F1D8C4	RGB 241 216 196	#F1D8C4
83.3%	83.3% #F7E2C9	RGB 247 226 201	#F7E2C9
100.0%	100.0% #FEEDCF	RGB 254 237 207	#FEEDCF

#D9AFAE #DFB9B3 #E5C3B9 #EBCEBE #F1D8C4 #F7E2C9 #FEEDCF

#D9AFAE - #FEEDCF

HSV Blend

#D9AFAE - #FEEDCF | 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 #D9AFAE as 0% and #FEEDCF as 100%.

0.0%	0.0% #D9AFAE	RGB 217 175 174	#D9AFAE
16.7%	16.7% #DFB8B3	RGB 223 184 179	#DFB8B3
33.3%	33.3% #E5C3B8	RGB 229 195 184	#E5C3B8
50.0%	50.0% #EBCDBE	RGB 235 205 190	#EBCDBE
66.7%	66.7% #F1D7C3	RGB 241 215 195	#F1D7C3
83.3%	83.3% #F7E2C9	RGB 247 226 201	#F7E2C9
100.0%	100.0% #FEEDCF	RGB 254 237 207	#FEEDCF

#D9AFAE #DFB8B3 #E5C3B8 #EBCDBE #F1D7C3 #F7E2C9 #FEEDCF

#D9AFAE - #EBCDBE - #FEEDCF

CSS codes

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

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