#F2E1E8 - #BF8DA4 | 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 #F2E1E8 to #BF8DA4

#F2E1E8 #BF8DA4

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

#F2E1E8 - #BF8DA4 | 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 #F2E1E8 as 0% and #BF8DA4 as 100%.

0.0%	0.0% #F2E1E8	RGB 242 225 232	#F2E1E8
16.7%	16.7% #E9D3DC	RGB 233 211 220	#E9D3DC
33.3%	33.3% #E1C5D1	RGB 225 197 209	#E1C5D1
50.0%	50.0% #D8B7C6	RGB 216 183 198	#D8B7C6
66.7%	66.7% #D0A9BA	RGB 208 169 186	#D0A9BA
83.3%	83.3% #C79BAF	RGB 199 155 175	#C79BAF
100.0%	100.0% #BF8DA4	RGB 191 141 164	#BF8DA4

#F2E1E8 #E9D3DC #E1C5D1 #D8B7C6 #D0A9BA #C79BAF #BF8DA4

#F2E1E8 - #BF8DA4

HSV Blend

#F2E1E8 - #BF8DA4 | 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 #F2E1E8 as 0% and #BF8DA4 as 100%.

0.0%	0.0% #F2E1E8	RGB 242 225 232	#F2E1E8
16.7%	16.7% #E9D1DB	RGB 233 209 219	#E9D1DB
33.3%	33.3% #E1C2CF	RGB 225 194 207	#E1C2CF
50.0%	50.0% #D8B4C4	RGB 216 180 196	#D8B4C4
66.7%	66.7% #D0A6B9	RGB 208 166 185	#D0A6B9
83.3%	83.3% #C799AE	RGB 199 153 174	#C799AE
100.0%	100.0% #BF8DA4	RGB 191 141 164	#BF8DA4

#F2E1E8 #E9D1DB #E1C2CF #D8B4C4 #D0A6B9 #C799AE #BF8DA4

#F2E1E8 - #D8B4C4 - #BF8DA4

CSS codes

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

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