#FF00A9 - #FF8FDB | 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 #FF00A9 to #FF8FDB

#FF00A9 #FF8FDB

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

#FF00A9 - #FF8FDB | 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 #FF00A9 as 0% and #FF8FDB as 100%.

0.0%	0.0% #FF00A9	RGB 255 0 169	#FF00A9
16.7%	16.7% #FF17B1	RGB 255 23 177	#FF17B1
33.3%	33.3% #FF2FB9	RGB 255 47 185	#FF2FB9
50.0%	50.0% #FF47C2	RGB 255 71 194	#FF47C2
66.7%	66.7% #FF5FCA	RGB 255 95 202	#FF5FCA
83.3%	83.3% #FF77D2	RGB 255 119 210	#FF77D2
100.0%	100.0% #FF8FDB	RGB 255 143 219	#FF8FDB

#FF00A9 #FF17B1 #FF2FB9 #FF47C2 #FF5FCA #FF77D2 #FF8FDB

#FF00A9 - #FF8FDB

HSV Blend

#FF00A9 - #FF8FDB | 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 #FF00A9 as 0% and #FF8FDB as 100%.

0.0%	0.0% #FF00A9	RGB 255 0 169	#FF00A9
16.7%	16.7% #FF17B1	RGB 255 23 177	#FF17B1
33.3%	33.3% #FF2FBA	RGB 255 47 186	#FF2FBA
50.0%	50.0% #FF47C2	RGB 255 71 194	#FF47C2
66.7%	66.7% #FF5FCA	RGB 255 95 202	#FF5FCA
83.3%	83.3% #FF77D2	RGB 255 119 210	#FF77D2
100.0%	100.0% #FF8FDB	RGB 255 143 219	#FF8FDB

#FF00A9 #FF17B1 #FF2FBA #FF47C2 #FF5FCA #FF77D2 #FF8FDB

#FF00A9 - #FF47C2 - #FF8FDB

CSS codes

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

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