#DF73D4 - #94039C | 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 #DF73D4 to #94039C

#DF73D4 #94039C

Calculate the color between two colors, #DF73D4 and #94039C. 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)

#DF73D4 - #94039C | 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 #DF73D4 as 0% and #94039C as 100%.

0.0%	0.0% #DF73D4	RGB 223 115 212	#DF73D4
16.7%	16.7% #D260CA	RGB 210 96 202	#D260CA
33.3%	33.3% #C64DC1	RGB 198 77 193	#C64DC1
50.0%	50.0% #B93BB8	RGB 185 59 184	#B93BB8
66.7%	66.7% #AD28AE	RGB 173 40 174	#AD28AE
83.3%	83.3% #A015A5	RGB 160 21 165	#A015A5
100.0%	100.0% #94039C	RGB 148 3 156	#94039C

#DF73D4 #D260CA #C64DC1 #B93BB8 #AD28AE #A015A5 #94039C

#DF73D4 - #94039C

HSV Blend

#DF73D4 - #94039C | 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 #DF73D4 as 0% and #94039C as 100%.

0.0%	0.0% #DF73D4	RGB 223 115 212	#DF73D4
16.7%	16.7% #D35BCA	RGB 211 91 202	#D35BCA
33.3%	33.3% #C846C2	RGB 200 70 194	#C846C2
50.0%	50.0% #BD32BA	RGB 189 50 186	#BD32BA
66.7%	66.7% #B220B2	RGB 178 32 178	#B220B2
83.3%	83.3% #A311A7	RGB 163 17 167	#A311A7
100.0%	100.0% #94039C	RGB 148 3 156	#94039C

#DF73D4 #D35BCA #C846C2 #BD32BA #B220B2 #A311A7 #94039C

#DF73D4 - #BD32BA - #94039C

CSS codes

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

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