#BAB2D5 - #FFE5D0 | 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 #BAB2D5 to #FFE5D0

#BAB2D5 #FFE5D0

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

#BAB2D5 - #FFE5D0 | 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 #BAB2D5 as 0% and #FFE5D0 as 100%.

0.0%	0.0% #BAB2D5	RGB 186 178 213	#BAB2D5
16.7%	16.7% #C5BAD4	RGB 197 186 212	#C5BAD4
33.3%	33.3% #D1C3D3	RGB 209 195 211	#D1C3D3
50.0%	50.0% #DCCBD2	RGB 220 203 210	#DCCBD2
66.7%	66.7% #E8D4D1	RGB 232 212 209	#E8D4D1
83.3%	83.3% #F3DCD0	RGB 243 220 208	#F3DCD0
100.0%	100.0% #FFE5D0	RGB 255 229 208	#FFE5D0

#BAB2D5 #C5BAD4 #D1C3D3 #DCCBD2 #E8D4D1 #F3DCD0 #FFE5D0

#BAB2D5 - #FFE5D0

HSV Blend

#BAB2D5 - #FFE5D0 | 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 #BAB2D5 as 0% and #FFE5D0 as 100%.

0.0%	0.0% #BAB2D5	RGB 186 178 213	#BAB2D5
16.7%	16.7% #CDB7DC	RGB 205 183 220	#CDB7DC
33.3%	33.3% #E1BCE3	RGB 225 188 227	#E1BCE3
50.0%	50.0% #EAC1DC	RGB 234 193 220	#EAC1DC
66.7%	66.7% #F1C6D2	RGB 241 198 210	#F1C6D2
83.3%	83.3% #F8CECB	RGB 248 206 203	#F8CECB
100.0%	100.0% #FFE5D0	RGB 255 229 208	#FFE5D0

#BAB2D5 #CDB7DC #E1BCE3 #EAC1DC #F1C6D2 #F8CECB #FFE5D0

#BAB2D5 - #EAC1DC - #FFE5D0

CSS codes

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

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