#DF59C7 - #9F007D | 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 #DF59C7 to #9F007D

#DF59C7 #9F007D

Calculate the color between two colors, #DF59C7 and #9F007D. 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)

#DF59C7 - #9F007D | 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 #DF59C7 as 0% and #9F007D as 100%.

0.0%	0.0% #DF59C7	RGB 223 89 199	#DF59C7
16.7%	16.7% #D44ABA	RGB 212 74 186	#D44ABA
33.3%	33.3% #C93BAE	RGB 201 59 174	#C93BAE
50.0%	50.0% #BF2CA2	RGB 191 44 162	#BF2CA2
66.7%	66.7% #B41D95	RGB 180 29 149	#B41D95
83.3%	83.3% #A90E89	RGB 169 14 137	#A90E89
100.0%	100.0% #9F007D	RGB 159 0 125	#9F007D

#DF59C7 #D44ABA #C93BAE #BF2CA2 #B41D95 #A90E89 #9F007D

#DF59C7 - #9F007D

HSV Blend

#DF59C7 - #9F007D | 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 #DF59C7 as 0% and #9F007D as 100%.

0.0%	0.0% #DF59C7	RGB 223 89 199	#DF59C7
16.7%	16.7% #D446BA	RGB 212 70 186	#D446BA
33.3%	33.3% #C935AD	RGB 201 53 173	#C935AD
50.0%	50.0% #BF26A0	RGB 191 38 160	#BF26A0
66.7%	66.7% #B41794	RGB 180 23 148	#B41794
83.3%	83.3% #A90B88	RGB 169 11 136	#A90B88
100.0%	100.0% #9F007D	RGB 159 0 125	#9F007D

#DF59C7 #D446BA #C935AD #BF26A0 #B41794 #A90B88 #9F007D

#DF59C7 - #BF26A0 - #9F007D

CSS codes

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

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