#FF2AE2 - #A200AB | 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 #FF2AE2 to #A200AB

#FF2AE2 #A200AB

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

#FF2AE2 - #A200AB | 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 #FF2AE2 as 0% and #A200AB as 100%.

0.0%	0.0% #FF2AE2	RGB 255 42 226	#FF2AE2
16.7%	16.7% #EF23D8	RGB 239 35 216	#EF23D8
33.3%	33.3% #E01CCF	RGB 224 28 207	#E01CCF
50.0%	50.0% #D015C6	RGB 208 21 198	#D015C6
66.7%	66.7% #C10DBD	RGB 193 13 189	#C10DBD
83.3%	83.3% #B107B4	RGB 177 7 180	#B107B4
100.0%	100.0% #A200AB	RGB 162 0 171	#A200AB

#FF2AE2 #EF23D8 #E01CCF #D015C6 #C10DBD #B107B4 #A200AB

#FF2AE2 - #A200AB

HSV Blend

#FF2AE2 - #A200AB | 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 #FF2AE2 as 0% and #A200AB as 100%.

0.0%	0.0% #FF29E2	RGB 255 41 226	#FF29E2
16.7%	16.7% #F121DB	RGB 241 33 219	#F121DB
33.3%	33.3% #E318D4	RGB 227 24 212	#E318D4
50.0%	50.0% #D511CC	RGB 213 17 204	#D511CC
66.7%	66.7% #C70AC5	RGB 199 10 197	#C70AC5
83.3%	83.3% #B505B9	RGB 181 5 185	#B505B9
100.0%	100.0% #A200AB	RGB 162 0 171	#A200AB

#FF29E2 #F121DB #E318D4 #D511CC #C70AC5 #B505B9 #A200AB

#FF2AE2 - #D511CC - #A200AB

CSS codes

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

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