#BAB2D1 - #FFE4CC | 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 #BAB2D1 to #FFE4CC

#BAB2D1 #FFE4CC

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

#BAB2D1 - #FFE4CC | 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 #BAB2D1 as 0% and #FFE4CC as 100%.

0.0%	0.0% #BAB2D1	RGB 186 178 209	#BAB2D1
16.7%	16.7% #C5BAD0	RGB 197 186 208	#C5BAD0
33.3%	33.3% #D1C2CF	RGB 209 194 207	#D1C2CF
50.0%	50.0% #DCCBCE	RGB 220 203 206	#DCCBCE
66.7%	66.7% #E8D3CD	RGB 232 211 205	#E8D3CD
83.3%	83.3% #F3DBCC	RGB 243 219 204	#F3DBCC
100.0%	100.0% #FFE4CC	RGB 255 228 204	#FFE4CC

#BAB2D1 #C5BAD0 #D1C2CF #DCCBCE #E8D3CD #F3DBCC #FFE4CC

#BAB2D1 - #FFE4CC

HSV Blend

#BAB2D1 - #FFE4CC | 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 #BAB2D1 as 0% and #FFE4CC as 100%.

0.0%	0.0% #BAB2D1	RGB 186 178 209	#BAB2D1
16.7%	16.7% #CBB6D8	RGB 203 182 216	#CBB6D8
33.3%	33.3% #E0BBE0	RGB 224 187 224	#E0BBE0
50.0%	50.0% #E8BFD9	RGB 232 191 217	#E8BFD9
66.7%	66.7% #EFC3CF	RGB 239 195 207	#EFC3CF
83.3%	83.3% #F7CCC7	RGB 247 204 199	#F7CCC7
100.0%	100.0% #FFE4CC	RGB 255 228 204	#FFE4CC

#BAB2D1 #CBB6D8 #E0BBE0 #E8BFD9 #EFC3CF #F7CCC7 #FFE4CC

#BAB2D1 - #E8BFD9 - #FFE4CC

CSS codes

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

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