#BF28C0 - #FF91D2 | 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 #BF28C0 to #FF91D2

#BF28C0 #FF91D2

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

#BF28C0 - #FF91D2 | 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 #BF28C0 as 0% and #FF91D2 as 100%.

0.0%	0.0% #BF28C0	RGB 191 40 192	#BF28C0
16.7%	16.7% #C939C3	RGB 201 57 195	#C939C3
33.3%	33.3% #D44BC6	RGB 212 75 198	#D44BC6
50.0%	50.0% #DF5CC9	RGB 223 92 201	#DF5CC9
66.7%	66.7% #E96ECC	RGB 233 110 204	#E96ECC
83.3%	83.3% #F47FCF	RGB 244 127 207	#F47FCF
100.0%	100.0% #FF91D2	RGB 255 145 210	#FF91D2

#BF28C0 #C939C3 #D44BC6 #DF5CC9 #E96ECC #F47FCF #FF91D2

#BF28C0 - #FF91D2

HSV Blend

#BF28C0 - #FF91D2 | 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 #BF28C0 as 0% and #FF91D2 as 100%.

0.0%	0.0% #BF28C0	RGB 191 40 192	#BF28C0
16.7%	16.7% #CA36C1	RGB 202 54 193	#CA36C1
33.3%	33.3% #D545C2	RGB 213 69 194	#D545C2
50.0%	50.0% #DF56C3	RGB 223 86 195	#DF56C3
66.7%	66.7% #EA68C7	RGB 234 104 199	#EA68C7
83.3%	83.3% #F47CCB	RGB 244 124 203	#F47CCB
100.0%	100.0% #FF91D2	RGB 255 145 210	#FF91D2

#BF28C0 #CA36C1 #D545C2 #DF56C3 #EA68C7 #F47CCB #FF91D2

#BF28C0 - #DF56C3 - #FF91D2

CSS codes

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

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