#B2A2DA - #FFDFD5 | 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 #B2A2DA to #FFDFD5

#B2A2DA #FFDFD5

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

#B2A2DA - #FFDFD5 | 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 #B2A2DA as 0% and #FFDFD5 as 100%.

0.0%	0.0% #B2A2DA	RGB 178 162 218	#B2A2DA
16.7%	16.7% #BEACD9	RGB 190 172 217	#BEACD9
33.3%	33.3% #CBB6D8	RGB 203 182 216	#CBB6D8
50.0%	50.0% #D8C0D7	RGB 216 192 215	#D8C0D7
66.7%	66.7% #E5CAD6	RGB 229 202 214	#E5CAD6
83.3%	83.3% #F2D4D5	RGB 242 212 213	#F2D4D5
100.0%	100.0% #FFDFD5	RGB 255 223 213	#FFDFD5

#B2A2DA #BEACD9 #CBB6D8 #D8C0D7 #E5CAD6 #F2D4D5 #FFDFD5

#B2A2DA - #FFDFD5

HSV Blend

#B2A2DA - #FFDFD5 | 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 #B2A2DA as 0% and #FFDFD5 as 100%.

0.0%	0.0% #B1A2DA	RGB 177 162 218	#B1A2DA
16.7%	16.7% #CBAAE0	RGB 203 170 224	#CBAAE0
33.3%	33.3% #E3B2E6	RGB 227 178 230	#E3B2E6
50.0%	50.0% #ECBADF	RGB 236 186 223	#ECBADF
66.7%	66.7% #F2C3D6	RGB 242 195 214	#F2C3D6
83.3%	83.3% #F8CCCF	RGB 248 204 207	#F8CCCF
100.0%	100.0% #FFDFD5	RGB 255 223 213	#FFDFD5

#B1A2DA #CBAAE0 #E3B2E6 #ECBADF #F2C3D6 #F8CCCF #FFDFD5

#B2A2DA - #ECBADF - #FFDFD5

CSS codes

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

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