#BF84A8 - #FDD3C3 | 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 #BF84A8 to #FDD3C3

#BF84A8 #FDD3C3

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

#BF84A8 - #FDD3C3 | 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 #BF84A8 as 0% and #FDD3C3 as 100%.

0.0%	0.0% #BF84A8	RGB 191 132 168	#BF84A8
16.7%	16.7% #C991AC	RGB 201 145 172	#C991AC
33.3%	33.3% #D39EB1	RGB 211 158 177	#D39EB1
50.0%	50.0% #DEABB5	RGB 222 171 181	#DEABB5
66.7%	66.7% #E8B8BA	RGB 232 184 186	#E8B8BA
83.3%	83.3% #F2C5BE	RGB 242 197 190	#F2C5BE
100.0%	100.0% #FDD3C3	RGB 253 211 195	#FDD3C3

#BF84A8 #C991AC #D39EB1 #DEABB5 #E8B8BA #F2C5BE #FDD3C3

#BF84A8 - #FDD3C3

HSV Blend

#BF84A8 - #FDD3C3 | 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 #BF84A8 as 0% and #FDD3C3 as 100%.

0.0%	0.0% #BF84A8	RGB 191 132 168	#BF84A8
16.7%	16.7% #C98DA9	RGB 201 141 169	#C98DA9
33.3%	33.3% #D397AA	RGB 211 151 170	#D397AA
50.0%	50.0% #DEA2AC	RGB 222 162 172	#DEA2AC
66.7%	66.7% #E8ACAE	RGB 232 172 174	#E8ACAE
83.3%	83.3% #F2BFB7	RGB 242 191 183	#F2BFB7
100.0%	100.0% #FDD3C3	RGB 253 211 195	#FDD3C3

#BF84A8 #C98DA9 #D397AA #DEA2AC #E8ACAE #F2BFB7 #FDD3C3

#BF84A8 - #DEA2AC - #FDD3C3

CSS codes

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

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