#DF4DCB - #FAC7F7 | 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 #DF4DCB to #FAC7F7

#DF4DCB #FAC7F7

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

#DF4DCB - #FAC7F7 | 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 #DF4DCB as 0% and #FAC7F7 as 100%.

0.0%	0.0% #DF4DCB	RGB 223 77 203	#DF4DCB
16.7%	16.7% #E361D2	RGB 227 97 210	#E361D2
33.3%	33.3% #E875D9	RGB 232 117 217	#E875D9
50.0%	50.0% #EC8AE1	RGB 236 138 225	#EC8AE1
66.7%	66.7% #F19EE8	RGB 241 158 232	#F19EE8
83.3%	83.3% #F5B2EF	RGB 245 178 239	#F5B2EF
100.0%	100.0% #FAC7F7	RGB 250 199 247	#FAC7F7

#DF4DCB #E361D2 #E875D9 #EC8AE1 #F19EE8 #F5B2EF #FAC7F7

#DF4DCB - #FAC7F7

HSV Blend

#DF4DCB - #FAC7F7 | 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 #DF4DCB as 0% and #FAC7F7 as 100%.

0.0%	0.0% #DF4DCB	RGB 223 77 203	#DF4DCB
16.7%	16.7% #E35FD3	RGB 227 95 211	#E35FD3
33.3%	33.3% #E872DB	RGB 232 114 219	#E872DB
50.0%	50.0% #EC86E2	RGB 236 134 226	#EC86E2
66.7%	66.7% #F19BE9	RGB 241 155 233	#F19BE9
83.3%	83.3% #F5B0F0	RGB 245 176 240	#F5B0F0
100.0%	100.0% #FAC7F7	RGB 250 199 247	#FAC7F7

#DF4DCB #E35FD3 #E872DB #EC86E2 #F19BE9 #F5B0F0 #FAC7F7

#DF4DCB - #EC86E2 - #FAC7F7

CSS codes

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

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