#B8899D - #FEAFAB | 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 #B8899D to #FEAFAB

#B8899D #FEAFAB

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

#B8899D - #FEAFAB | 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 #B8899D as 0% and #FEAFAB as 100%.

0.0%	0.0% #B8899D	RGB 184 137 157	#B8899D
16.7%	16.7% #C38F9F	RGB 195 143 159	#C38F9F
33.3%	33.3% #CF95A1	RGB 207 149 161	#CF95A1
50.0%	50.0% #DB9CA4	RGB 219 156 164	#DB9CA4
66.7%	66.7% #E6A2A6	RGB 230 162 166	#E6A2A6
83.3%	83.3% #F2A8A8	RGB 242 168 168	#F2A8A8
100.0%	100.0% #FEAFAB	RGB 254 175 171	#FEAFAB

#B8899D #C38F9F #CF95A1 #DB9CA4 #E6A2A6 #F2A8A8 #FEAFAB

#B8899D - #FEAFAB

HSV Blend

#B8899D - #FEAFAB | 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 #B8899D as 0% and #FEAFAB as 100%.

0.0%	0.0% #B8899D	RGB 184 137 157	#B8899D
16.7%	16.7% #C38FA1	RGB 195 143 161	#C38FA1
33.3%	33.3% #CF95A4	RGB 207 149 164	#CF95A4
50.0%	50.0% #DB9BA7	RGB 219 155 167	#DB9BA7
66.7%	66.7% #E6A0A8	RGB 230 160 168	#E6A0A8
83.3%	83.3% #F2A6A8	RGB 242 166 168	#F2A6A8
100.0%	100.0% #FEAFAB	RGB 254 175 171	#FEAFAB

#B8899D #C38FA1 #CF95A4 #DB9BA7 #E6A0A8 #F2A6A8 #FEAFAB

#B8899D - #DB9BA7 - #FEAFAB

CSS codes

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

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