#BA5E9B - #D1A6C8 | 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 #BA5E9B to #D1A6C8

#BA5E9B #D1A6C8

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

#BA5E9B - #D1A6C8 | 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 #BA5E9B as 0% and #D1A6C8 as 100%.

0.0%	0.0% #BA5E9B	RGB 186 94 155	#BA5E9B
16.7%	16.7% #BD6AA2	RGB 189 106 162	#BD6AA2
33.3%	33.3% #C176AA	RGB 193 118 170	#C176AA
50.0%	50.0% #C582B1	RGB 197 130 177	#C582B1
66.7%	66.7% #C98EB9	RGB 201 142 185	#C98EB9
83.3%	83.3% #CD9AC0	RGB 205 154 192	#CD9AC0
100.0%	100.0% #D1A6C8	RGB 209 166 200	#D1A6C8

#BA5E9B #BD6AA2 #C176AA #C582B1 #C98EB9 #CD9AC0 #D1A6C8

#BA5E9B - #D1A6C8

HSV Blend

#BA5E9B - #D1A6C8 | 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 #BA5E9B as 0% and #D1A6C8 as 100%.

0.0%	0.0% #BA5E9B	RGB 186 94 155	#BA5E9B
16.7%	16.7% #BD69A3	RGB 189 105 163	#BD69A3
33.3%	33.3% #C174AA	RGB 193 116 170	#C174AA
50.0%	50.0% #C580B2	RGB 197 128 178	#C580B2
66.7%	66.7% #C98CBA	RGB 201 140 186	#C98CBA
83.3%	83.3% #CD99C1	RGB 205 153 193	#CD99C1
100.0%	100.0% #D1A6C8	RGB 209 166 200	#D1A6C8

#BA5E9B #BD69A3 #C174AA #C580B2 #C98CBA #CD99C1 #D1A6C8

#BA5E9B - #C580B2 - #D1A6C8

CSS codes

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

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