#FF29C2 - #A10080 | 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 #FF29C2 to #A10080

#FF29C2 #A10080

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

#FF29C2 - #A10080 | 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 #FF29C2 as 0% and #A10080 as 100%.

0.0%	0.0% #FF29C2	RGB 255 41 194	#FF29C2
16.7%	16.7% #EF22B7	RGB 239 34 183	#EF22B7
33.3%	33.3% #DF1BAC	RGB 223 27 172	#DF1BAC
50.0%	50.0% #D014A1	RGB 208 20 161	#D014A1
66.7%	66.7% #C00D96	RGB 192 13 150	#C00D96
83.3%	83.3% #B0068B	RGB 176 6 139	#B0068B
100.0%	100.0% #A10080	RGB 161 0 128	#A10080

#FF29C2 #EF22B7 #DF1BAC #D014A1 #C00D96 #B0068B #A10080

#FF29C2 - #A10080

HSV Blend

#FF29C2 - #A10080 | 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 #FF29C2 as 0% and #A10080 as 100%.

0.0%	0.0% #FF28C1	RGB 255 40 193	#FF28C1
16.7%	16.7% #EF20B7	RGB 239 32 183	#EF20B7
33.3%	33.3% #DF17AC	RGB 223 23 172	#DF17AC
50.0%	50.0% #D010A1	RGB 208 16 161	#D010A1
66.7%	66.7% #C00A96	RGB 192 10 150	#C00A96
83.3%	83.3% #B0048B	RGB 176 4 139	#B0048B
100.0%	100.0% #A10080	RGB 161 0 128	#A10080

#FF28C1 #EF20B7 #DF17AC #D010A1 #C00A96 #B0048B #A10080

#FF29C2 - #D010A1 - #A10080

CSS codes

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

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