#BD1CC1 - #FF1DB7 | 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 #BD1CC1 to #FF1DB7

#BD1CC1 #FF1DB7

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

#BD1CC1 - #FF1DB7 | 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 #BD1CC1 as 0% and #FF1DB7 as 100%.

0.0%	0.0% #BD1CC1	RGB 189 28 193	#BD1CC1
16.7%	16.7% #C81CBF	RGB 200 28 191	#C81CBF
33.3%	33.3% #D31CBD	RGB 211 28 189	#D31CBD
50.0%	50.0% #DE1CBC	RGB 222 28 188	#DE1CBC
66.7%	66.7% #E91CBA	RGB 233 28 186	#E91CBA
83.3%	83.3% #F41CB8	RGB 244 28 184	#F41CB8
100.0%	100.0% #FF1DB7	RGB 255 29 183	#FF1DB7

#BD1CC1 #C81CBF #D31CBD #DE1CBC #E91CBA #F41CB8 #FF1DB7

#BD1CC1 - #FF1DB7

HSV Blend

#BD1CC1 - #FF1DB7 | 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 #BD1CC1 as 0% and #FF1DB7 as 100%.

0.0%	0.0% #BC1CC1	RGB 188 28 193	#BC1CC1
16.7%	16.7% #CB1CC5	RGB 203 28 197	#CB1CC5
33.3%	33.3% #D51CC5	RGB 213 28 197	#D51CC5
50.0%	50.0% #E01CC3	RGB 224 28 195	#E01CC3
66.7%	66.7% #EA1DC0	RGB 234 29 192	#EA1DC0
83.3%	83.3% #F41DBC	RGB 244 29 188	#F41DBC
100.0%	100.0% #FF1DB7	RGB 255 29 183	#FF1DB7

#BC1CC1 #CB1CC5 #D51CC5 #E01CC3 #EA1DC0 #F41DBC #FF1DB7

#BD1CC1 - #E01CC3 - #FF1DB7

CSS codes

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

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