#BA9A8A - #FFDAA8 | 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 #BA9A8A to #FFDAA8

#BA9A8A #FFDAA8

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

#BA9A8A - #FFDAA8 | 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 #BA9A8A as 0% and #FFDAA8 as 100%.

0.0%	0.0% #BA9A8A	RGB 186 154 138	#BA9A8A
16.7%	16.7% #C5A48F	RGB 197 164 143	#C5A48F
33.3%	33.3% #D1AF94	RGB 209 175 148	#D1AF94
50.0%	50.0% #DCBA99	RGB 220 186 153	#DCBA99
66.7%	66.7% #E8C49E	RGB 232 196 158	#E8C49E
83.3%	83.3% #F3CFA3	RGB 243 207 163	#F3CFA3
100.0%	100.0% #FFDAA8	RGB 255 218 168	#FFDAA8

#BA9A8A #C5A48F #D1AF94 #DCBA99 #E8C49E #F3CFA3 #FFDAA8

#BA9A8A - #FFDAA8

HSV Blend

#BA9A8A - #FFDAA8 | 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 #BA9A8A as 0% and #FFDAA8 as 100%.

0.0%	0.0% #BA9A8A	RGB 186 154 138	#BA9A8A
16.7%	16.7% #C5A38F	RGB 197 163 143	#C5A38F
33.3%	33.3% #D1AD95	RGB 209 173 149	#D1AD95
50.0%	50.0% #DCB89A	RGB 220 184 154	#DCB89A
66.7%	66.7% #E8C39F	RGB 232 195 159	#E8C39F
83.3%	83.3% #F3CEA3	RGB 243 206 163	#F3CEA3
100.0%	100.0% #FFDAA8	RGB 255 218 168	#FFDAA8

#BA9A8A #C5A38F #D1AD95 #DCB89A #E8C39F #F3CEA3 #FFDAA8

#BA9A8A - #DCB89A - #FFDAA8

CSS codes

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

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