#DF2DAA - #FFA6D4 | 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 #DF2DAA to #FFA6D4

#DF2DAA #FFA6D4

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

#DF2DAA - #FFA6D4 | 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 #DF2DAA as 0% and #FFA6D4 as 100%.

0.0%	0.0% #DF2DAA	RGB 223 45 170	#DF2DAA
16.7%	16.7% #E441B1	RGB 228 65 177	#E441B1
33.3%	33.3% #E955B8	RGB 233 85 184	#E955B8
50.0%	50.0% #EF69BF	RGB 239 105 191	#EF69BF
66.7%	66.7% #F47DC6	RGB 244 125 198	#F47DC6
83.3%	83.3% #F991CD	RGB 249 145 205	#F991CD
100.0%	100.0% #FFA6D4	RGB 255 166 212	#FFA6D4

#DF2DAA #E441B1 #E955B8 #EF69BF #F47DC6 #F991CD #FFA6D4

#DF2DAA - #FFA6D4

HSV Blend

#DF2DAA - #FFA6D4 | 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 #DF2DAA as 0% and #FFA6D4 as 100%.

0.0%	0.0% #DF2DA9	RGB 223 45 169	#DF2DA9
16.7%	16.7% #E43FAE	RGB 228 63 174	#E43FAE
33.3%	33.3% #E952B3	RGB 233 82 179	#E952B3
50.0%	50.0% #EF65B9	RGB 239 101 185	#EF65B9
66.7%	66.7% #F47AC0	RGB 244 122 192	#F47AC0
83.3%	83.3% #F98FC9	RGB 249 143 201	#F98FC9
100.0%	100.0% #FFA6D4	RGB 255 166 212	#FFA6D4

#DF2DA9 #E43FAE #E952B3 #EF65B9 #F47AC0 #F98FC9 #FFA6D4

#DF2DAA - #EF65B9 - #FFA6D4

CSS codes

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

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