#BCA6DF - #FFE2D8 | 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 #BCA6DF to #FFE2D8

#BCA6DF #FFE2D8

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

#BCA6DF - #FFE2D8 | 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 #BCA6DF as 0% and #FFE2D8 as 100%.

0.0%	0.0% #BCA6DF	RGB 188 166 223	#BCA6DF
16.7%	16.7% #C7B0DD	RGB 199 176 221	#C7B0DD
33.3%	33.3% #D2BADC	RGB 210 186 220	#D2BADC
50.0%	50.0% #DDC4DB	RGB 221 196 219	#DDC4DB
66.7%	66.7% #E8CEDA	RGB 232 206 218	#E8CEDA
83.3%	83.3% #F3D8D9	RGB 243 216 217	#F3D8D9
100.0%	100.0% #FFE2D8	RGB 255 226 216	#FFE2D8

#BCA6DF #C7B0DD #D2BADC #DDC4DB #E8CEDA #F3D8D9 #FFE2D8

#BCA6DF - #FFE2D8

HSV Blend

#BCA6DF - #FFE2D8 | 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 #BCA6DF as 0% and #FFE2D8 as 100%.

0.0%	0.0% #BBA6DF	RGB 187 166 223	#BBA6DF
16.7%	16.7% #D3ADE4	RGB 211 173 228	#D3ADE4
33.3%	33.3% #E9B5E9	RGB 233 181 233	#E9B5E9
50.0%	50.0% #EFBEDF	RGB 239 190 223	#EFBEDF
66.7%	66.7% #F4C6D7	RGB 244 198 215	#F4C6D7
83.3%	83.3% #F9CFD1	RGB 249 207 209	#F9CFD1
100.0%	100.0% #FFE2D8	RGB 255 226 216	#FFE2D8

#BBA6DF #D3ADE4 #E9B5E9 #EFBEDF #F4C6D7 #F9CFD1 #FFE2D8

#BCA6DF - #EFBEDF - #FFE2D8

CSS codes

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

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