#FF3DF5 - #AD00AA | 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 #FF3DF5 to #AD00AA

#FF3DF5 #AD00AA

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

#FF3DF5 - #AD00AA | 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 #FF3DF5 as 0% and #AD00AA as 100%.

0.0%	0.0% #FF3DF5	RGB 255 61 245	#FF3DF5
16.7%	16.7% #F132E8	RGB 241 50 232	#F132E8
33.3%	33.3% #E328DC	RGB 227 40 220	#E328DC
50.0%	50.0% #D61ECF	RGB 214 30 207	#D61ECF
66.7%	66.7% #C814C3	RGB 200 20 195	#C814C3
83.3%	83.3% #BA0AB6	RGB 186 10 182	#BA0AB6
100.0%	100.0% #AD00AA	RGB 173 0 170	#AD00AA

#FF3DF5 #F132E8 #E328DC #D61ECF #C814C3 #BA0AB6 #AD00AA

#FF3DF5 - #AD00AA

HSV Blend

#FF3DF5 - #AD00AA | 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 #FF3DF5 as 0% and #AD00AA as 100%.

0.0%	0.0% #FF3DF5	RGB 255 61 245	#FF3DF5
16.7%	16.7% #F130E8	RGB 241 48 232	#F130E8
33.3%	33.3% #E324DB	RGB 227 36 219	#E324DB
50.0%	50.0% #D619CF	RGB 214 25 207	#D619CF
66.7%	66.7% #C80FC3	RGB 200 15 195	#C80FC3
83.3%	83.3% #BA07B6	RGB 186 7 182	#BA07B6
100.0%	100.0% #AD00AA	RGB 173 0 170	#AD00AA

#FF3DF5 #F130E8 #E324DB #D619CF #C80FC3 #BA07B6 #AD00AA

#FF3DF5 - #D619CF - #AD00AA

CSS codes

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

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