#B199B7 - #FDFFB9 | 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 #B199B7 to #FDFFB9

#B199B7 #FDFFB9

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

#B199B7 - #FDFFB9 | 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 #B199B7 as 0% and #FDFFB9 as 100%.

0.0%	0.0% #B199B7	RGB 177 153 183	#B199B7
16.7%	16.7% #BDAAB7	RGB 189 170 183	#BDAAB7
33.3%	33.3% #CABBB7	RGB 202 187 183	#CABBB7
50.0%	50.0% #D7CCB8	RGB 215 204 184	#D7CCB8
66.7%	66.7% #E3DDB8	RGB 227 221 184	#E3DDB8
83.3%	83.3% #F0EEB8	RGB 240 238 184	#F0EEB8
100.0%	100.0% #FDFFB9	RGB 253 255 185	#FDFFB9

#B199B7 #BDAAB7 #CABBB7 #D7CCB8 #E3DDB8 #F0EEB8 #FDFFB9

#B199B7 - #FDFFB9

HSV Blend

#B199B7 - #FDFFB9 | 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 #B199B7 as 0% and #FDFFB9 as 100%.

0.0%	0.0% #B199B7	RGB 177 153 183	#B199B7
16.7%	16.7% #C39FBC	RGB 195 159 188	#C39FBC
33.3%	33.3% #CFA5B8	RGB 207 165 184	#CFA5B8
50.0%	50.0% #DBAAAF	RGB 219 170 175	#DBAAAF
66.7%	66.7% #E7BFB0	RGB 231 191 176	#E7BFB0
83.3%	83.3% #F3DDB4	RGB 243 221 180	#F3DDB4
100.0%	100.0% #FDFFB9	RGB 253 255 185	#FDFFB9

#B199B7 #C39FBC #CFA5B8 #DBAAAF #E7BFB0 #F3DDB4 #FDFFB9

#B199B7 - #DBAAAF - #FDFFB9

CSS codes

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

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