#BF2B7E - #FF899C | 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 #BF2B7E to #FF899C

#BF2B7E #FF899C

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

#BF2B7E - #FF899C | 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 #BF2B7E as 0% and #FF899C as 100%.

0.0%	0.0% #BF2B7E	RGB 191 43 126	#BF2B7E
16.7%	16.7% #C93A83	RGB 201 58 131	#C93A83
33.3%	33.3% #D44A88	RGB 212 74 136	#D44A88
50.0%	50.0% #DF5A8D	RGB 223 90 141	#DF5A8D
66.7%	66.7% #E96992	RGB 233 105 146	#E96992
83.3%	83.3% #F47997	RGB 244 121 151	#F47997
100.0%	100.0% #FF899C	RGB 255 137 156	#FF899C

#BF2B7E #C93A83 #D44A88 #DF5A8D #E96992 #F47997 #FF899C

#BF2B7E - #FF899C

HSV Blend

#BF2B7E - #FF899C | 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 #BF2B7E as 0% and #FF899C as 100%.

0.0%	0.0% #BF2B7E	RGB 191 43 126	#BF2B7E
16.7%	16.7% #C9377F	RGB 201 55 127	#C9377F
33.3%	33.3% #D44582	RGB 212 69 130	#D44582
50.0%	50.0% #DF5586	RGB 223 85 134	#DF5586
66.7%	66.7% #E9658C	RGB 233 101 140	#E9658C
83.3%	83.3% #F47693	RGB 244 118 147	#F47693
100.0%	100.0% #FF899C	RGB 255 137 156	#FF899C

#BF2B7E #C9377F #D44582 #DF5586 #E9658C #F47693 #FF899C

#BF2B7E - #DF5586 - #FF899C

CSS codes

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

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