#FF16A1 - #FFBCE4 | 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 #FF16A1 to #FFBCE4

#FF16A1 #FFBCE4

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

#FF16A1 - #FFBCE4 | 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 #FF16A1 as 0% and #FFBCE4 as 100%.

0.0%	0.0% #FF16A1	RGB 255 22 161	#FF16A1
16.7%	16.7% #FF31AC	RGB 255 49 172	#FF31AC
33.3%	33.3% #FF4DB7	RGB 255 77 183	#FF4DB7
50.0%	50.0% #FF69C2	RGB 255 105 194	#FF69C2
66.7%	66.7% #FF84CD	RGB 255 132 205	#FF84CD
83.3%	83.3% #FFA0D8	RGB 255 160 216	#FFA0D8
100.0%	100.0% #FFBCE4	RGB 255 188 228	#FFBCE4

#FF16A1 #FF31AC #FF4DB7 #FF69C2 #FF84CD #FFA0D8 #FFBCE4

#FF16A1 - #FFBCE4

HSV Blend

#FF16A1 - #FFBCE4 | 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 #FF16A1 as 0% and #FFBCE4 as 100%.

0.0%	0.0% #FF15A1	RGB 255 21 161	#FF15A1
16.7%	16.7% #FF31AC	RGB 255 49 172	#FF31AC
33.3%	33.3% #FF4DB7	RGB 255 77 183	#FF4DB7
50.0%	50.0% #FF69C2	RGB 255 105 194	#FF69C2
66.7%	66.7% #FF84CD	RGB 255 132 205	#FF84CD
83.3%	83.3% #FFA0D8	RGB 255 160 216	#FFA0D8
100.0%	100.0% #FFBCE4	RGB 255 188 228	#FFBCE4

#FF15A1 #FF31AC #FF4DB7 #FF69C2 #FF84CD #FFA0D8 #FFBCE4

#FF16A1 - #FF69C2 - #FFBCE4

CSS codes

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

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