#BFAFD7 - #FFE4D1 | 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 #BFAFD7 to #FFE4D1

#BFAFD7 #FFE4D1

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

#BFAFD7 - #FFE4D1 | 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 #BFAFD7 as 0% and #FFE4D1 as 100%.

0.0%	0.0% #BFAFD7	RGB 191 175 215	#BFAFD7
16.7%	16.7% #C9B7D6	RGB 201 183 214	#C9B7D6
33.3%	33.3% #D4C0D5	RGB 212 192 213	#D4C0D5
50.0%	50.0% #DFC9D4	RGB 223 201 212	#DFC9D4
66.7%	66.7% #E9D2D3	RGB 233 210 211	#E9D2D3
83.3%	83.3% #F4DBD2	RGB 244 219 210	#F4DBD2
100.0%	100.0% #FFE4D1	RGB 255 228 209	#FFE4D1

#BFAFD7 #C9B7D6 #D4C0D5 #DFC9D4 #E9D2D3 #F4DBD2 #FFE4D1

#BFAFD7 - #FFE4D1

HSV Blend

#BFAFD7 - #FFE4D1 | 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 #BFAFD7 as 0% and #FFE4D1 as 100%.

0.0%	0.0% #BFAFD7	RGB 191 175 215	#BFAFD7
16.7%	16.7% #D2B4DD	RGB 210 180 221	#D2B4DD
33.3%	33.3% #E4BAE1	RGB 228 186 225	#E4BAE1
50.0%	50.0% #EBBFD9	RGB 235 191 217	#EBBFD9
66.7%	66.7% #F1C5D0	RGB 241 197 208	#F1C5D0
83.3%	83.3% #F8CECB	RGB 248 206 203	#F8CECB
100.0%	100.0% #FFE4D1	RGB 255 228 209	#FFE4D1

#BFAFD7 #D2B4DD #E4BAE1 #EBBFD9 #F1C5D0 #F8CECB #FFE4D1

#BFAFD7 - #EBBFD9 - #FFE4D1

CSS codes

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

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