#DF9BA0 - #F5E2E3 | 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 #DF9BA0 to #F5E2E3

#DF9BA0 #F5E2E3

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

#DF9BA0 - #F5E2E3 | 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 #DF9BA0 as 0% and #F5E2E3 as 100%.

0.0%	0.0% #DF9BA0	RGB 223 155 160	#DF9BA0
16.7%	16.7% #E2A6AB	RGB 226 166 171	#E2A6AB
33.3%	33.3% #E6B2B6	RGB 230 178 182	#E6B2B6
50.0%	50.0% #EABEC1	RGB 234 190 193	#EABEC1
66.7%	66.7% #EDCACC	RGB 237 202 204	#EDCACC
83.3%	83.3% #F1D6D7	RGB 241 214 215	#F1D6D7
100.0%	100.0% #F5E2E3	RGB 245 226 227	#F5E2E3

#DF9BA0 #E2A6AB #E6B2B6 #EABEC1 #EDCACC #F1D6D7 #F5E2E3

#DF9BA0 - #F5E2E3

HSV Blend

#DF9BA0 - #F5E2E3 | 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 #DF9BA0 as 0% and #F5E2E3 as 100%.

0.0%	0.0% #DF9BA0	RGB 223 155 160	#DF9BA0
16.7%	16.7% #E2A6AA	RGB 226 166 170	#E2A6AA
33.3%	33.3% #E6B1B5	RGB 230 177 181	#E6B1B5
50.0%	50.0% #EABDC0	RGB 234 189 192	#EABDC0
66.7%	66.7% #EDC9CB	RGB 237 201 203	#EDC9CB
83.3%	83.3% #F1D5D7	RGB 241 213 215	#F1D5D7
100.0%	100.0% #F5E2E3	RGB 245 226 227	#F5E2E3

#DF9BA0 #E2A6AA #E6B1B5 #EABDC0 #EDC9CB #F1D5D7 #F5E2E3

#DF9BA0 - #EABDC0 - #F5E2E3

CSS codes

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

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