#FF2AC2 - #FFBCF4 | 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 #FF2AC2 to #FFBCF4

#FF2AC2 #FFBCF4

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

#FF2AC2 - #FFBCF4 | 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 #FF2AC2 as 0% and #FFBCF4 as 100%.

0.0%	0.0% #FF2AC2	RGB 255 42 194	#FF2AC2
16.7%	16.7% #FF42CA	RGB 255 66 202	#FF42CA
33.3%	33.3% #FF5AD2	RGB 255 90 210	#FF5AD2
50.0%	50.0% #FF73DB	RGB 255 115 219	#FF73DB
66.7%	66.7% #FF8BE3	RGB 255 139 227	#FF8BE3
83.3%	83.3% #FFA3EB	RGB 255 163 235	#FFA3EB
100.0%	100.0% #FFBCF4	RGB 255 188 244	#FFBCF4

#FF2AC2 #FF42CA #FF5AD2 #FF73DB #FF8BE3 #FFA3EB #FFBCF4

#FF2AC2 - #FFBCF4

HSV Blend

#FF2AC2 - #FFBCF4 | 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 #FF2AC2 as 0% and #FFBCF4 as 100%.

0.0%	0.0% #FF29C1	RGB 255 41 193	#FF29C1
16.7%	16.7% #FF42CC	RGB 255 66 204	#FF42CC
33.3%	33.3% #FF5AD6	RGB 255 90 214	#FF5AD6
50.0%	50.0% #FF73DF	RGB 255 115 223	#FF73DF
66.7%	66.7% #FF8BE7	RGB 255 139 231	#FF8BE7
83.3%	83.3% #FFA3EE	RGB 255 163 238	#FFA3EE
100.0%	100.0% #FFBCF4	RGB 255 188 244	#FFBCF4

#FF29C1 #FF42CC #FF5AD6 #FF73DF #FF8BE7 #FFA3EE #FFBCF4

#FF2AC2 - #FF73DF - #FFBCF4

CSS codes

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

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