#BC9CD6 - #FFDCD1 | 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 #BC9CD6 to #FFDCD1

#BC9CD6 #FFDCD1

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

#BC9CD6 - #FFDCD1 | 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 #BC9CD6 as 0% and #FFDCD1 as 100%.

0.0%	0.0% #BC9CD6	RGB 188 156 214	#BC9CD6
16.7%	16.7% #C7A6D5	RGB 199 166 213	#C7A6D5
33.3%	33.3% #D2B1D4	RGB 210 177 212	#D2B1D4
50.0%	50.0% #DDBCD3	RGB 221 188 211	#DDBCD3
66.7%	66.7% #E8C6D2	RGB 232 198 210	#E8C6D2
83.3%	83.3% #F3D1D1	RGB 243 209 209	#F3D1D1
100.0%	100.0% #FFDCD1	RGB 255 220 209	#FFDCD1

#BC9CD6 #C7A6D5 #D2B1D4 #DDBCD3 #E8C6D2 #F3D1D1 #FFDCD1

#BC9CD6 - #FFDCD1

HSV Blend

#BC9CD6 - #FFDCD1 | 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 #BC9CD6 as 0% and #FFDCD1 as 100%.

0.0%	0.0% #BC9CD6	RGB 188 156 214	#BC9CD6
16.7%	16.7% #D3A4DC	RGB 211 164 220	#D3A4DC
33.3%	33.3% #E3ACDD	RGB 227 172 221	#E3ACDD
50.0%	50.0% #EAB5D5	RGB 234 181 213	#EAB5D5
66.7%	66.7% #F1BECE	RGB 241 190 206	#F1BECE
83.3%	83.3% #F8C7C9	RGB 248 199 201	#F8C7C9
100.0%	100.0% #FFDCD1	RGB 255 220 209	#FFDCD1

#BC9CD6 #D3A4DC #E3ACDD #EAB5D5 #F1BECE #F8C7C9 #FFDCD1

#BC9CD6 - #EAB5D5 - #FFDCD1

CSS codes

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

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