#BAA2FC - #FFE4F1 | 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 #BAA2FC to #FFE4F1

#BAA2FC #FFE4F1

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

#BAA2FC - #FFE4F1 | 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 #BAA2FC as 0% and #FFE4F1 as 100%.

0.0%	0.0% #BAA2FC	RGB 186 162 252	#BAA2FC
16.7%	16.7% #C5ADFA	RGB 197 173 250	#C5ADFA
33.3%	33.3% #D1B8F8	RGB 209 184 248	#D1B8F8
50.0%	50.0% #DCC3F6	RGB 220 195 246	#DCC3F6
66.7%	66.7% #E8CEF4	RGB 232 206 244	#E8CEF4
83.3%	83.3% #F3D9F2	RGB 243 217 242	#F3D9F2
100.0%	100.0% #FFE4F1	RGB 255 228 241	#FFE4F1

#BAA2FC #C5ADFA #D1B8F8 #DCC3F6 #E8CEF4 #F3D9F2 #FFE4F1

#BAA2FC - #FFE4F1

HSV Blend

#BAA2FC - #FFE4F1 | 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 #BAA2FC as 0% and #FFE4F1 as 100%.

0.0%	0.0% #BAA2FC	RGB 186 162 252	#BAA2FC
16.7%	16.7% #D2ACFC	RGB 210 172 252	#D2ACFC
33.3%	33.3% #E7B7FD	RGB 231 183 253	#E7B7FD
50.0%	50.0% #F7C2FD	RGB 247 194 253	#F7C2FD
66.7%	66.7% #FECDF9	RGB 254 205 249	#FECDF9
83.3%	83.3% #FED8F2	RGB 254 216 242	#FED8F2
100.0%	100.0% #FFE4F1	RGB 255 228 241	#FFE4F1

#BAA2FC #D2ACFC #E7B7FD #F7C2FD #FECDF9 #FED8F2 #FFE4F1

#BAA2FC - #F7C2FD - #FFE4F1

CSS codes

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

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