#FF41DF - #AD0091 | 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 #FF41DF to #AD0091

#FF41DF #AD0091

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

#FF41DF - #AD0091 | 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 #FF41DF as 0% and #AD0091 as 100%.

0.0%	0.0% #FF41DF	RGB 255 65 223	#FF41DF
16.7%	16.7% #F136D2	RGB 241 54 210	#F136D2
33.3%	33.3% #E32BC5	RGB 227 43 197	#E32BC5
50.0%	50.0% #D620B8	RGB 214 32 184	#D620B8
66.7%	66.7% #C815AB	RGB 200 21 171	#C815AB
83.3%	83.3% #BA0A9E	RGB 186 10 158	#BA0A9E
100.0%	100.0% #AD0091	RGB 173 0 145	#AD0091

#FF41DF #F136D2 #E32BC5 #D620B8 #C815AB #BA0A9E #AD0091

#FF41DF - #AD0091

HSV Blend

#FF41DF - #AD0091 | 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 #FF41DF as 0% and #AD0091 as 100%.

0.0%	0.0% #FF41DF	RGB 255 65 223	#FF41DF
16.7%	16.7% #F133D1	RGB 241 51 209	#F133D1
33.3%	33.3% #E326C4	RGB 227 38 196	#E326C4
50.0%	50.0% #D61BB7	RGB 214 27 183	#D61BB7
66.7%	66.7% #C811AA	RGB 200 17 170	#C811AA
83.3%	83.3% #BA079D	RGB 186 7 157	#BA079D
100.0%	100.0% #AD0091	RGB 173 0 145	#AD0091

#FF41DF #F133D1 #E326C4 #D61BB7 #C811AA #BA079D #AD0091

#FF41DF - #D61BB7 - #AD0091

CSS codes

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

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