#FFDFEF - #DF8BAF | 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 #FFDFEF to #DF8BAF

#FFDFEF #DF8BAF

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

#FFDFEF - #DF8BAF | 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 #FFDFEF as 0% and #DF8BAF as 100%.

0.0%	0.0% #FFDFEF	RGB 255 223 239	#FFDFEF
16.7%	16.7% #F9D1E4	RGB 249 209 228	#F9D1E4
33.3%	33.3% #F4C3D9	RGB 244 195 217	#F4C3D9
50.0%	50.0% #EFB5CF	RGB 239 181 207	#EFB5CF
66.7%	66.7% #E9A7C4	RGB 233 167 196	#E9A7C4
83.3%	83.3% #E499B9	RGB 228 153 185	#E499B9
100.0%	100.0% #DF8BAF	RGB 223 139 175	#DF8BAF

#FFDFEF #F9D1E4 #F4C3D9 #EFB5CF #E9A7C4 #E499B9 #DF8BAF

#FFDFEF - #DF8BAF

HSV Blend

#FFDFEF - #DF8BAF | 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 #FFDFEF as 0% and #DF8BAF as 100%.

0.0%	0.0% #FFDFEF	RGB 255 223 239	#FFDFEF
16.7%	16.7% #F9CFE4	RGB 249 207 228	#F9CFE4
33.3%	33.3% #F4C1D9	RGB 244 193 217	#F4C1D9
50.0%	50.0% #EFB2CE	RGB 239 178 206	#EFB2CE
66.7%	66.7% #E9A5C4	RGB 233 165 196	#E9A5C4
83.3%	83.3% #E497B9	RGB 228 151 185	#E497B9
100.0%	100.0% #DF8BAF	RGB 223 139 175	#DF8BAF

#FFDFEF #F9CFE4 #F4C1D9 #EFB2CE #E9A5C4 #E497B9 #DF8BAF

#FFDFEF - #EFB2CE - #DF8BAF

CSS codes

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

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