#BF9AC4 - #FFB8D4 | 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 #BF9AC4 to #FFB8D4

#BF9AC4 #FFB8D4

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

#BF9AC4 - #FFB8D4 | 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 #BF9AC4 as 0% and #FFB8D4 as 100%.

0.0%	0.0% #BF9AC4	RGB 191 154 196	#BF9AC4
16.7%	16.7% #C99FC6	RGB 201 159 198	#C99FC6
33.3%	33.3% #D4A4C9	RGB 212 164 201	#D4A4C9
50.0%	50.0% #DFA9CC	RGB 223 169 204	#DFA9CC
66.7%	66.7% #E9AECE	RGB 233 174 206	#E9AECE
83.3%	83.3% #F4B3D1	RGB 244 179 209	#F4B3D1
100.0%	100.0% #FFB8D4	RGB 255 184 212	#FFB8D4

#BF9AC4 #C99FC6 #D4A4C9 #DFA9CC #E9AECE #F4B3D1 #FFB8D4

#BF9AC4 - #FFB8D4

HSV Blend

#BF9AC4 - #FFB8D4 | 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 #BF9AC4 as 0% and #FFB8D4 as 100%.

0.0%	0.0% #BF9AC4	RGB 191 154 196	#BF9AC4
16.7%	16.7% #CD9FCD	RGB 205 159 205	#CD9FCD
33.3%	33.3% #D7A4D1	RGB 215 164 209	#D7A4D1
50.0%	50.0% #E1A9D3	RGB 225 169 211	#E1A9D3
66.7%	66.7% #EBAED5	RGB 235 174 213	#EBAED5
83.3%	83.3% #F5B3D5	RGB 245 179 213	#F5B3D5
100.0%	100.0% #FFB8D4	RGB 255 184 212	#FFB8D4

#BF9AC4 #CD9FCD #D7A4D1 #E1A9D3 #EBAED5 #F5B3D5 #FFB8D4

#BF9AC4 - #E1A9D3 - #FFB8D4

CSS codes

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

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