#DF6DCC - #F7D9F1 | 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 #DF6DCC to #F7D9F1

#DF6DCC #F7D9F1

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

#DF6DCC - #F7D9F1 | 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 #DF6DCC as 0% and #F7D9F1 as 100%.

0.0%	0.0% #DF6DCC	RGB 223 109 204	#DF6DCC
16.7%	16.7% #E37FD2	RGB 227 127 210	#E37FD2
33.3%	33.3% #E791D8	RGB 231 145 216	#E791D8
50.0%	50.0% #EBA3DE	RGB 235 163 222	#EBA3DE
66.7%	66.7% #EFB5E4	RGB 239 181 228	#EFB5E4
83.3%	83.3% #F3C7EA	RGB 243 199 234	#F3C7EA
100.0%	100.0% #F7D9F1	RGB 247 217 241	#F7D9F1

#DF6DCC #E37FD2 #E791D8 #EBA3DE #EFB5E4 #F3C7EA #F7D9F1

#DF6DCC - #F7D9F1

HSV Blend

#DF6DCC - #F7D9F1 | 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 #DF6DCC as 0% and #F7D9F1 as 100%.

0.0%	0.0% #DF6DCC	RGB 223 109 204	#DF6DCC
16.7%	16.7% #E37DD1	RGB 227 125 209	#E37DD1
33.3%	33.3% #E78ED7	RGB 231 142 215	#E78ED7
50.0%	50.0% #EBA0DD	RGB 235 160 221	#EBA0DD
66.7%	66.7% #EFB2E3	RGB 239 178 227	#EFB2E3
83.3%	83.3% #F3C5EA	RGB 243 197 234	#F3C5EA
100.0%	100.0% #F7D9F1	RGB 247 217 241	#F7D9F1

#DF6DCC #E37DD1 #E78ED7 #EBA0DD #EFB2E3 #F3C5EA #F7D9F1

#DF6DCC - #EBA0DD - #F7D9F1

CSS codes

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

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