#BA7B8D - #FDAC9E | 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 #BA7B8D to #FDAC9E

#BA7B8D #FDAC9E

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

#BA7B8D - #FDAC9E | 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 #BA7B8D as 0% and #FDAC9E as 100%.

0.0%	0.0% #BA7B8D	RGB 186 123 141	#BA7B8D
16.7%	16.7% #C5838F	RGB 197 131 143	#C5838F
33.3%	33.3% #D08B92	RGB 208 139 146	#D08B92
50.0%	50.0% #DB9395	RGB 219 147 149	#DB9395
66.7%	66.7% #E69B98	RGB 230 155 152	#E69B98
83.3%	83.3% #F1A39B	RGB 241 163 155	#F1A39B
100.0%	100.0% #FDAC9E	RGB 253 172 158	#FDAC9E

#BA7B8D #C5838F #D08B92 #DB9395 #E69B98 #F1A39B #FDAC9E

#BA7B8D - #FDAC9E

HSV Blend

#BA7B8D - #FDAC9E | 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 #BA7B8D as 0% and #FDAC9E as 100%.

0.0%	0.0% #BA7B8D	RGB 186 123 141	#BA7B8D
16.7%	16.7% #C5818F	RGB 197 129 143	#C5818F
33.3%	33.3% #D08791	RGB 208 135 145	#D08791
50.0%	50.0% #DB8D92	RGB 219 141 146	#DB8D92
66.7%	66.7% #E69392	RGB 230 147 146	#E69392
83.3%	83.3% #F19F98	RGB 241 159 152	#F19F98
100.0%	100.0% #FDAC9E	RGB 253 172 158	#FDAC9E

#BA7B8D #C5818F #D08791 #DB8D92 #E69392 #F19F98 #FDAC9E

#BA7B8D - #DB8D92 - #FDAC9E

CSS codes

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

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