#B99E5E - #D3B89B | 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 #B99E5E to #D3B89B

#B99E5E #D3B89B

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

#B99E5E - #D3B89B | 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 #B99E5E as 0% and #D3B89B as 100%.

0.0%	0.0% #B99E5E	RGB 185 158 94	#B99E5E
16.7%	16.7% #BDA268	RGB 189 162 104	#BDA268
33.3%	33.3% #C1A672	RGB 193 166 114	#C1A672
50.0%	50.0% #C6AB7C	RGB 198 171 124	#C6AB7C
66.7%	66.7% #CAAF86	RGB 202 175 134	#CAAF86
83.3%	83.3% #CEB390	RGB 206 179 144	#CEB390
100.0%	100.0% #D3B89B	RGB 211 184 155	#D3B89B

#B99E5E #BDA268 #C1A672 #C6AB7C #CAAF86 #CEB390 #D3B89B

#B99E5E - #D3B89B

HSV Blend

#B99E5E - #D3B89B | 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 #B99E5E as 0% and #D3B89B as 100%.

0.0%	0.0% #B99E5E	RGB 185 158 94	#B99E5E
16.7%	16.7% #BDA167	RGB 189 161 103	#BDA167
33.3%	33.3% #C1A471	RGB 193 164 113	#C1A471
50.0%	50.0% #C6A87B	RGB 198 168 123	#C6A87B
66.7%	66.7% #CAAD85	RGB 202 173 133	#CAAD85
83.3%	83.3% #CEB290	RGB 206 178 144	#CEB290
100.0%	100.0% #D3B89B	RGB 211 184 155	#D3B89B

#B99E5E #BDA167 #C1A471 #C6A87B #CAAD85 #CEB290 #D3B89B

#B99E5E - #C6A87B - #D3B89B

CSS codes

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

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