#FF53F7 - #A40DAB | 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 #FF53F7 to #A40DAB

#FF53F7 #A40DAB

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

#FF53F7 - #A40DAB | 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 #FF53F7 as 0% and #A40DAB as 100%.

0.0%	0.0% #FF53F7	RGB 255 83 247	#FF53F7
16.7%	16.7% #EF47EA	RGB 239 71 234	#EF47EA
33.3%	33.3% #E03BDD	RGB 224 59 221	#E03BDD
50.0%	50.0% #D130D1	RGB 209 48 209	#D130D1
66.7%	66.7% #C224C4	RGB 194 36 196	#C224C4
83.3%	83.3% #B318B7	RGB 179 24 183	#B318B7
100.0%	100.0% #A40DAB	RGB 164 13 171	#A40DAB

#FF53F7 #EF47EA #E03BDD #D130D1 #C224C4 #B318B7 #A40DAB

#FF53F7 - #A40DAB

HSV Blend

#FF53F7 - #A40DAB | 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 #FF53F7 as 0% and #A40DAB as 100%.

0.0%	0.0% #FF53F7	RGB 255 83 247	#FF53F7
16.7%	16.7% #F144EB	RGB 241 68 235	#F144EB
33.3%	33.3% #E337E0	RGB 227 55 224	#E337E0
50.0%	50.0% #D52AD4	RGB 213 42 212	#D52AD4
66.7%	66.7% #C41FC7	RGB 196 31 199	#C41FC7
83.3%	83.3% #B415B9	RGB 180 21 185	#B415B9
100.0%	100.0% #A40DAB	RGB 164 13 171	#A40DAB

#FF53F7 #F144EB #E337E0 #D52AD4 #C41FC7 #B415B9 #A40DAB

#FF53F7 - #D52AD4 - #A40DAB

CSS codes

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

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