#BAA8C2 - #E8BDFF | 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 #E8BDFF

#BAA8C2 #E8BDFF

Calculate the color between two colors, #BAA8C2 and #E8BDFF. 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 - #E8BDFF | 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 #E8BDFF as 100%.

0.0%	0.0% #BAA8C2	RGB 186 168 194	#BAA8C2
16.7%	16.7% #C1ABCC	RGB 193 171 204	#C1ABCC
33.3%	33.3% #C9AFD6	RGB 201 175 214	#C9AFD6
50.0%	50.0% #D1B2E0	RGB 209 178 224	#D1B2E0
66.7%	66.7% #D8B6EA	RGB 216 182 234	#D8B6EA
83.3%	83.3% #E0B9F4	RGB 224 185 244	#E0B9F4
100.0%	100.0% #E8BDFF	RGB 232 189 255	#E8BDFF

#BAA8C2 #C1ABCC #C9AFD6 #D1B2E0 #D8B6EA #E0B9F4 #E8BDFF

#BAA8C2 - #E8BDFF

HSV Blend

#BAA8C2 - #E8BDFF | 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 #E8BDFF as 100%.

0.0%	0.0% #BAA8C2	RGB 186 168 194	#BAA8C2
16.7%	16.7% #C2ACCC	RGB 194 172 204	#C2ACCC
33.3%	33.3% #CAB0D6	RGB 202 176 214	#CAB0D6
50.0%	50.0% #D2B4E0	RGB 210 180 224	#D2B4E0
66.7%	66.7% #D9B7EA	RGB 217 183 234	#D9B7EA
83.3%	83.3% #E0BAF4	RGB 224 186 244	#E0BAF4
100.0%	100.0% #E8BDFF	RGB 232 189 255	#E8BDFF

#BAA8C2 #C2ACCC #CAB0D6 #D2B4E0 #D9B7EA #E0BAF4 #E8BDFF

#BAA8C2 - #D2B4E0 - #E8BDFF

CSS codes

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

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