#BA5E7E - #B6AFE0 | 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 #BA5E7E to #B6AFE0

#BA5E7E #B6AFE0

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

#BA5E7E - #B6AFE0 | 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 #BA5E7E as 0% and #B6AFE0 as 100%.

0.0%	0.0% #BA5E7E	RGB 186 94 126	#BA5E7E
16.7%	16.7% #B96B8E	RGB 185 107 142	#B96B8E
33.3%	33.3% #B8799E	RGB 184 121 158	#B8799E
50.0%	50.0% #B886AF	RGB 184 134 175	#B886AF
66.7%	66.7% #B794BF	RGB 183 148 191	#B794BF
83.3%	83.3% #B6A1CF	RGB 182 161 207	#B6A1CF
100.0%	100.0% #B6AFE0	RGB 182 175 224	#B6AFE0

#BA5E7E #B96B8E #B8799E #B886AF #B794BF #B6A1CF #B6AFE0

#BA5E7E - #B6AFE0

HSV Blend

#BA5E7E - #B6AFE0 | 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 #BA5E7E as 0% and #B6AFE0 as 100%.

0.0%	0.0% #BA5E7D	RGB 186 94 125	#BA5E7D
16.7%	16.7% #C06A9D	RGB 192 106 157	#C06A9D
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% #B6A0D9	RGB 182 160 217	#B6A0D9
100.0%	100.0% #B6AFE0	RGB 182 175 224	#B6AFE0

#BA5E7D #C06A9D #C676BA #C583CD #BC91D3 #B6A0D9 #B6AFE0

#BA5E7E - #C583CD - #B6AFE0

CSS codes

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

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