#BF9F8D - #FFDDAB | 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 #BF9F8D to #FFDDAB

#BF9F8D #FFDDAB

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

#BF9F8D - #FFDDAB | 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 #BF9F8D as 0% and #FFDDAB as 100%.

0.0%	0.0% #BF9F8D	RGB 191 159 141	#BF9F8D
16.7%	16.7% #C9A992	RGB 201 169 146	#C9A992
33.3%	33.3% #D4B397	RGB 212 179 151	#D4B397
50.0%	50.0% #DFBE9C	RGB 223 190 156	#DFBE9C
66.7%	66.7% #E9C8A1	RGB 233 200 161	#E9C8A1
83.3%	83.3% #F4D2A6	RGB 244 210 166	#F4D2A6
100.0%	100.0% #FFDDAB	RGB 255 221 171	#FFDDAB

#BF9F8D #C9A992 #D4B397 #DFBE9C #E9C8A1 #F4D2A6 #FFDDAB

#BF9F8D - #FFDDAB

HSV Blend

#BF9F8D - #FFDDAB | 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 #BF9F8D as 0% and #FFDDAB as 100%.

0.0%	0.0% #BF9F8D	RGB 191 159 141	#BF9F8D
16.7%	16.7% #C9A892	RGB 201 168 146	#C9A892
33.3%	33.3% #D4B297	RGB 212 178 151	#D4B297
50.0%	50.0% #DFBC9D	RGB 223 188 157	#DFBC9D
66.7%	66.7% #E9C7A1	RGB 233 199 161	#E9C7A1
83.3%	83.3% #F4D1A6	RGB 244 209 166	#F4D1A6
100.0%	100.0% #FFDDAB	RGB 255 221 171	#FFDDAB

#BF9F8D #C9A892 #D4B297 #DFBC9D #E9C7A1 #F4D1A6 #FFDDAB

#BF9F8D - #DFBC9D - #FFDDAB

CSS codes

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

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