#BA7BA1 - #FDCCBD | 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 #BA7BA1 to #FDCCBD

#BA7BA1 #FDCCBD

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

#BA7BA1 - #FDCCBD | 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 #BA7BA1 as 0% and #FDCCBD as 100%.

0.0%	0.0% #BA7BA1	RGB 186 123 161	#BA7BA1
16.7%	16.7% #C588A5	RGB 197 136 165	#C588A5
33.3%	33.3% #D096AA	RGB 208 150 170	#D096AA
50.0%	50.0% #DBA3AF	RGB 219 163 175	#DBA3AF
66.7%	66.7% #E6B1B3	RGB 230 177 179	#E6B1B3
83.3%	83.3% #F1BEB8	RGB 241 190 184	#F1BEB8
100.0%	100.0% #FDCCBD	RGB 253 204 189	#FDCCBD

#BA7BA1 #C588A5 #D096AA #DBA3AF #E6B1B3 #F1BEB8 #FDCCBD

#BA7BA1 - #FDCCBD

HSV Blend

#BA7BA1 - #FDCCBD | 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 #BA7BA1 as 0% and #FDCCBD as 100%.

0.0%	0.0% #BA7BA0	RGB 186 123 160	#BA7BA0
16.7%	16.7% #C585A2	RGB 197 133 162	#C585A2
33.3%	33.3% #D08FA4	RGB 208 143 164	#D08FA4
50.0%	50.0% #DB9AA6	RGB 219 154 166	#DB9AA6
66.7%	66.7% #E6A5A8	RGB 230 165 168	#E6A5A8
83.3%	83.3% #F1B7B1	RGB 241 183 177	#F1B7B1
100.0%	100.0% #FDCCBD	RGB 253 204 189	#FDCCBD

#BA7BA0 #C585A2 #D08FA4 #DB9AA6 #E6A5A8 #F1B7B1 #FDCCBD

#BA7BA1 - #DB9AA6 - #FDCCBD

CSS codes

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

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