#DA3DB2 - #FF6CE3 | 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 #DA3DB2 to #FF6CE3

#DA3DB2 #FF6CE3

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

#DA3DB2 - #FF6CE3 | 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 #DA3DB2 as 0% and #FF6CE3 as 100%.

0.0%	0.0% #DA3DB2	RGB 218 61 178	#DA3DB2
16.7%	16.7% #E044BA	RGB 224 68 186	#E044BA
33.3%	33.3% #E64CC2	RGB 230 76 194	#E64CC2
50.0%	50.0% #EC54CA	RGB 236 84 202	#EC54CA
66.7%	66.7% #F25CD2	RGB 242 92 210	#F25CD2
83.3%	83.3% #F864DA	RGB 248 100 218	#F864DA
100.0%	100.0% #FF6CE3	RGB 255 108 227	#FF6CE3

#DA3DB2 #E044BA #E64CC2 #EC54CA #F25CD2 #F864DA #FF6CE3

#DA3DB2 - #FF6CE3

HSV Blend

#DA3DB2 - #FF6CE3 | 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 #DA3DB2 as 0% and #FF6CE3 as 100%.

0.0%	0.0% #DA3DB1	RGB 218 61 177	#DA3DB1
16.7%	16.7% #E044BA	RGB 224 68 186	#E044BA
33.3%	33.3% #E64BC2	RGB 230 75 194	#E64BC2
50.0%	50.0% #EC53CA	RGB 236 83 202	#EC53CA
66.7%	66.7% #F25BD2	RGB 242 91 210	#F25BD2
83.3%	83.3% #F863DA	RGB 248 99 218	#F863DA
100.0%	100.0% #FF6CE3	RGB 255 108 227	#FF6CE3

#DA3DB1 #E044BA #E64BC2 #EC53CA #F25BD2 #F863DA #FF6CE3

#DA3DB2 - #EC53CA - #FF6CE3

CSS codes

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

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