#BDA097 - #9F5842 | 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 #BDA097 to #9F5842

#BDA097 #9F5842

Calculate the color between two colors, #BDA097 and #9F5842. 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)

#BDA097 - #9F5842 | 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 #BDA097 as 0% and #9F5842 as 100%.

0.0%	0.0% #BDA097	RGB 189 160 151	#BDA097
16.7%	16.7% #B89488	RGB 184 148 136	#B89488
33.3%	33.3% #B3887A	RGB 179 136 122	#B3887A
50.0%	50.0% #AE7C6C	RGB 174 124 108	#AE7C6C
66.7%	66.7% #A9705E	RGB 169 112 94	#A9705E
83.3%	83.3% #A46450	RGB 164 100 80	#A46450
100.0%	100.0% #9F5842	RGB 159 88 66	#9F5842

#BDA097 #B89488 #B3887A #AE7C6C #A9705E #A46450 #9F5842

#BDA097 - #9F5842

HSV Blend

#BDA097 - #9F5842 | 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 #BDA097 as 0% and #9F5842 as 100%.

0.0%	0.0% #BDA097	RGB 189 160 151	#BDA097
16.7%	16.7% #B89287	RGB 184 146 135	#B89287
33.3%	33.3% #B38678	RGB 179 134 120	#B38678
50.0%	50.0% #AE7969	RGB 174 121 105	#AE7969
66.7%	66.7% #A96E5B	RGB 169 110 91	#A96E5B
83.3%	83.3% #A4624E	RGB 164 98 78	#A4624E
100.0%	100.0% #9F5842	RGB 159 88 66	#9F5842

#BDA097 #B89287 #B38678 #AE7969 #A96E5B #A4624E #9F5842

#BDA097 - #AE7969 - #9F5842

CSS codes

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

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