#FF2DAA - #A20064 | 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 #FF2DAA to #A20064

#FF2DAA #A20064

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

#FF2DAA - #A20064 | 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 #FF2DAA as 0% and #A20064 as 100%.

0.0%	0.0% #FF2DAA	RGB 255 45 170	#FF2DAA
16.7%	16.7% #EF259E	RGB 239 37 158	#EF259E
33.3%	33.3% #E01E92	RGB 224 30 146	#E01E92
50.0%	50.0% #D01687	RGB 208 22 135	#D01687
66.7%	66.7% #C10E7B	RGB 193 14 123	#C10E7B
83.3%	83.3% #B1076F	RGB 177 7 111	#B1076F
100.0%	100.0% #A20064	RGB 162 0 100	#A20064

#FF2DAA #EF259E #E01E92 #D01687 #C10E7B #B1076F #A20064

#FF2DAA - #A20064

HSV Blend

#FF2DAA - #A20064 | 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 #FF2DAA as 0% and #A20064 as 100%.

0.0%	0.0% #FF2CA9	RGB 255 44 169	#FF2CA9
16.7%	16.7% #EF239D	RGB 239 35 157	#EF239D
33.3%	33.3% #E01A91	RGB 224 26 145	#E01A91
50.0%	50.0% #D01285	RGB 208 18 133	#D01285
66.7%	66.7% #C10B7A	RGB 193 11 122	#C10B7A
83.3%	83.3% #B1056E	RGB 177 5 110	#B1056E
100.0%	100.0% #A20064	RGB 162 0 100	#A20064

#FF2CA9 #EF239D #E01A91 #D01285 #C10B7A #B1056E #A20064

#FF2DAA - #D01285 - #A20064

CSS codes

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

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