#BA5E7F - #B7AFE0 | 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 #BA5E7F to #B7AFE0

#BA5E7F #B7AFE0

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

#BA5E7F - #B7AFE0 | 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 #BA5E7F as 0% and #B7AFE0 as 100%.

0.0%	0.0% #BA5E7F	RGB 186 94 127	#BA5E7F
16.7%	16.7% #B96B8F	RGB 185 107 143	#B96B8F
33.3%	33.3% #B9799F	RGB 185 121 159	#B9799F
50.0%	50.0% #B886AF	RGB 184 134 175	#B886AF
66.7%	66.7% #B894BF	RGB 184 148 191	#B894BF
83.3%	83.3% #B7A1CF	RGB 183 161 207	#B7A1CF
100.0%	100.0% #B7AFE0	RGB 183 175 224	#B7AFE0

#BA5E7F #B96B8F #B9799F #B886AF #B894BF #B7A1CF #B7AFE0

#BA5E7F - #B7AFE0

HSV Blend

#BA5E7F - #B7AFE0 | 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 #BA5E7F as 0% and #B7AFE0 as 100%.

0.0%	0.0% #BA5E7F	RGB 186 94 127	#BA5E7F
16.7%	16.7% #C06A9E	RGB 192 106 158	#C06A9E
33.3%	33.3% #C676BA	RGB 198 118 186	#C676BA
50.0%	50.0% #C583CD	RGB 197 131 205	#C583CD
66.7%	66.7% #BC91D3	RGB 188 145 211	#BC91D3
83.3%	83.3% #B7A0D9	RGB 183 160 217	#B7A0D9
100.0%	100.0% #B7AFE0	RGB 183 175 224	#B7AFE0

#BA5E7F #C06A9E #C676BA #C583CD #BC91D3 #B7A0D9 #B7AFE0

#BA5E7F - #C583CD - #B7AFE0

CSS codes

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

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