#BF28C2 - #FF92D5 | 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 #BF28C2 to #FF92D5

#BF28C2 #FF92D5

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

#BF28C2 - #FF92D5 | 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 #BF28C2 as 0% and #FF92D5 as 100%.

0.0%	0.0% #BF28C2	RGB 191 40 194	#BF28C2
16.7%	16.7% #C939C5	RGB 201 57 197	#C939C5
33.3%	33.3% #D44BC8	RGB 212 75 200	#D44BC8
50.0%	50.0% #DF5DCB	RGB 223 93 203	#DF5DCB
66.7%	66.7% #E96ECE	RGB 233 110 206	#E96ECE
83.3%	83.3% #F480D1	RGB 244 128 209	#F480D1
100.0%	100.0% #FF92D5	RGB 255 146 213	#FF92D5

#BF28C2 #C939C5 #D44BC8 #DF5DCB #E96ECE #F480D1 #FF92D5

#BF28C2 - #FF92D5

HSV Blend

#BF28C2 - #FF92D5 | 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 #BF28C2 as 0% and #FF92D5 as 100%.

0.0%	0.0% #BF28C2	RGB 191 40 194	#BF28C2
16.7%	16.7% #CC36C4	RGB 204 54 196	#CC36C4
33.3%	33.3% #D646C5	RGB 214 70 197	#D646C5
50.0%	50.0% #E057C7	RGB 224 87 199	#E057C7
66.7%	66.7% #EA69CA	RGB 234 105 202	#EA69CA
83.3%	83.3% #F47DCE	RGB 244 125 206	#F47DCE
100.0%	100.0% #FF92D5	RGB 255 146 213	#FF92D5

#BF28C2 #CC36C4 #D646C5 #E057C7 #EA69CA #F47DCE #FF92D5

#BF28C2 - #E057C7 - #FF92D5

CSS codes

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

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