#DF96CF - #F5E1F1 | 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 #DF96CF to #F5E1F1

#DF96CF #F5E1F1

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

#DF96CF - #F5E1F1 | 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 #DF96CF as 0% and #F5E1F1 as 100%.

0.0%	0.0% #DF96CF	RGB 223 150 207	#DF96CF
16.7%	16.7% #E2A2D4	RGB 226 162 212	#E2A2D4
33.3%	33.3% #E6AFDA	RGB 230 175 218	#E6AFDA
50.0%	50.0% #EABBE0	RGB 234 187 224	#EABBE0
66.7%	66.7% #EDC8E5	RGB 237 200 229	#EDC8E5
83.3%	83.3% #F1D4EB	RGB 241 212 235	#F1D4EB
100.0%	100.0% #F5E1F1	RGB 245 225 241	#F5E1F1

#DF96CF #E2A2D4 #E6AFDA #EABBE0 #EDC8E5 #F1D4EB #F5E1F1

#DF96CF - #F5E1F1

HSV Blend

#DF96CF - #F5E1F1 | 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 #DF96CF as 0% and #F5E1F1 as 100%.

0.0%	0.0% #DF96CF	RGB 223 150 207	#DF96CF
16.7%	16.7% #E2A1D4	RGB 226 161 212	#E2A1D4
33.3%	33.3% #E6ADDA	RGB 230 173 218	#E6ADDA
50.0%	50.0% #EABADF	RGB 234 186 223	#EABADF
66.7%	66.7% #EDC6E5	RGB 237 198 229	#EDC6E5
83.3%	83.3% #F1D3EB	RGB 241 211 235	#F1D3EB
100.0%	100.0% #F5E1F1	RGB 245 225 241	#F5E1F1

#DF96CF #E2A1D4 #E6ADDA #EABADF #EDC6E5 #F1D3EB #F5E1F1

#DF96CF - #EABADF - #F5E1F1

CSS codes

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

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