#BA9F9A - #FFDFB9 | 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 #BA9F9A to #FFDFB9

#BA9F9A #FFDFB9

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

#BA9F9A - #FFDFB9 | 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 #BA9F9A as 0% and #FFDFB9 as 100%.

0.0%	0.0% #BA9F9A	RGB 186 159 154	#BA9F9A
16.7%	16.7% #C5A99F	RGB 197 169 159	#C5A99F
33.3%	33.3% #D1B4A4	RGB 209 180 164	#D1B4A4
50.0%	50.0% #DCBFA9	RGB 220 191 169	#DCBFA9
66.7%	66.7% #E8C9AE	RGB 232 201 174	#E8C9AE
83.3%	83.3% #F3D4B3	RGB 243 212 179	#F3D4B3
100.0%	100.0% #FFDFB9	RGB 255 223 185	#FFDFB9

#BA9F9A #C5A99F #D1B4A4 #DCBFA9 #E8C9AE #F3D4B3 #FFDFB9

#BA9F9A - #FFDFB9

HSV Blend

#BA9F9A - #FFDFB9 | 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 #BA9F9A as 0% and #FFDFB9 as 100%.

0.0%	0.0% #BA9F9A	RGB 186 159 154	#BA9F9A
16.7%	16.7% #C5A8A0	RGB 197 168 160	#C5A8A0
33.3%	33.3% #D1B2A5	RGB 209 178 165	#D1B2A5
50.0%	50.0% #DCBCAB	RGB 220 188 171	#DCBCAB
66.7%	66.7% #E8C7B0	RGB 232 199 176	#E8C7B0
83.3%	83.3% #F3D2B4	RGB 243 210 180	#F3D2B4
100.0%	100.0% #FFDFB9	RGB 255 223 185	#FFDFB9

#BA9F9A #C5A8A0 #D1B2A5 #DCBCAB #E8C7B0 #F3D2B4 #FFDFB9

#BA9F9A - #DCBCAB - #FFDFB9

CSS codes

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

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