#BAA8C2 - #FFC4FA | 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 #BAA8C2 to #FFC4FA

#BAA8C2 #FFC4FA

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

#BAA8C2 - #FFC4FA | 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 #BAA8C2 as 0% and #FFC4FA as 100%.

0.0%	0.0% #BAA8C2	RGB 186 168 194	#BAA8C2
16.7%	16.7% #C5ACCB	RGB 197 172 203	#C5ACCB
33.3%	33.3% #D1B1D4	RGB 209 177 212	#D1B1D4
50.0%	50.0% #DCB6DE	RGB 220 182 222	#DCB6DE
66.7%	66.7% #E8BAE7	RGB 232 186 231	#E8BAE7
83.3%	83.3% #F3BFF0	RGB 243 191 240	#F3BFF0
100.0%	100.0% #FFC4FA	RGB 255 196 250	#FFC4FA

#BAA8C2 #C5ACCB #D1B1D4 #DCB6DE #E8BAE7 #F3BFF0 #FFC4FA

#BAA8C2 - #FFC4FA

HSV Blend

#BAA8C2 - #FFC4FA | 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 #BAA8C2 as 0% and #FFC4FA as 100%.

0.0%	0.0% #BAA8C2	RGB 186 168 194	#BAA8C2
16.7%	16.7% #C4ADCC	RGB 196 173 204	#C4ADCC
33.3%	33.3% #D0B2D6	RGB 208 178 214	#D0B2D6
50.0%	50.0% #DBB7E0	RGB 219 183 224	#DBB7E0
66.7%	66.7% #E8BBEA	RGB 232 187 234	#E8BBEA
83.3%	83.3% #F4C0F3	RGB 244 192 243	#F4C0F3
100.0%	100.0% #FFC4FA	RGB 255 196 250	#FFC4FA

#BAA8C2 #C4ADCC #D0B2D6 #DBB7E0 #E8BBEA #F4C0F3 #FFC4FA

#BAA8C2 - #DBB7E0 - #FFC4FA

CSS codes

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

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