#B6A8DA - #FFE1D4 | 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 #B6A8DA to #FFE1D4

#B6A8DA #FFE1D4

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

#B6A8DA - #FFE1D4 | 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 #B6A8DA as 0% and #FFE1D4 as 100%.

0.0%	0.0% #B6A8DA	RGB 182 168 218	#B6A8DA
16.7%	16.7% #C2B1D9	RGB 194 177 217	#C2B1D9
33.3%	33.3% #CEBBD8	RGB 206 187 216	#CEBBD8
50.0%	50.0% #DAC4D7	RGB 218 196 215	#DAC4D7
66.7%	66.7% #E6CED6	RGB 230 206 214	#E6CED6
83.3%	83.3% #F2D7D5	RGB 242 215 213	#F2D7D5
100.0%	100.0% #FFE1D4	RGB 255 225 212	#FFE1D4

#B6A8DA #C2B1D9 #CEBBD8 #DAC4D7 #E6CED6 #F2D7D5 #FFE1D4

#B6A8DA - #FFE1D4

HSV Blend

#B6A8DA - #FFE1D4 | 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 #B6A8DA as 0% and #FFE1D4 as 100%.

0.0%	0.0% #B6A8DA	RGB 182 168 218	#B6A8DA
16.7%	16.7% #CDAFE0	RGB 205 175 224	#CDAFE0
33.3%	33.3% #E4B6E6	RGB 228 182 230	#E4B6E6
50.0%	50.0% #ECBDDE	RGB 236 189 222	#ECBDDE
66.7%	66.7% #F2C4D5	RGB 242 196 213	#F2C4D5
83.3%	83.3% #F8CCCD	RGB 248 204 205	#F8CCCD
100.0%	100.0% #FFE1D4	RGB 255 225 212	#FFE1D4

#B6A8DA #CDAFE0 #E4B6E6 #ECBDDE #F2C4D5 #F8CCCD #FFE1D4

#B6A8DA - #ECBDDE - #FFE1D4

CSS codes

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

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