#DDBAB9 - #FEF2D9 | 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 #DDBAB9 to #FEF2D9

#DDBAB9 #FEF2D9

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

#DDBAB9 - #FEF2D9 | 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 #DDBAB9 as 0% and #FEF2D9 as 100%.

0.0%	0.0% #DDBAB9	RGB 221 186 185	#DDBAB9
16.7%	16.7% #E2C3BE	RGB 226 195 190	#E2C3BE
33.3%	33.3% #E8CCC3	RGB 232 204 195	#E8CCC3
50.0%	50.0% #EDD6C9	RGB 237 214 201	#EDD6C9
66.7%	66.7% #F3DFCE	RGB 243 223 206	#F3DFCE
83.3%	83.3% #F8E8D3	RGB 248 232 211	#F8E8D3
100.0%	100.0% #FEF2D9	RGB 254 242 217	#FEF2D9

#DDBAB9 #E2C3BE #E8CCC3 #EDD6C9 #F3DFCE #F8E8D3 #FEF2D9

#DDBAB9 - #FEF2D9

HSV Blend

#DDBAB9 - #FEF2D9 | 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 #DDBAB9 as 0% and #FEF2D9 as 100%.

0.0%	0.0% #DDBAB9	RGB 221 186 185	#DDBAB9
16.7%	16.7% #E2C3BE	RGB 226 195 190	#E2C3BE
33.3%	33.3% #E8CCC3	RGB 232 204 195	#E8CCC3
50.0%	50.0% #EDD5C8	RGB 237 213 200	#EDD5C8
66.7%	66.7% #F3DFCE	RGB 243 223 206	#F3DFCE
83.3%	83.3% #F8E8D3	RGB 248 232 211	#F8E8D3
100.0%	100.0% #FEF2D9	RGB 254 242 217	#FEF2D9

#DDBAB9 #E2C3BE #E8CCC3 #EDD5C8 #F3DFCE #F8E8D3 #FEF2D9

#DDBAB9 - #EDD5C8 - #FEF2D9

CSS codes

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

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