#D6BF5E - #AD8818 | 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 #D6BF5E to #AD8818

#D6BF5E #AD8818

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

#D6BF5E - #AD8818 | 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 #D6BF5E as 0% and #AD8818 as 100%.

0.0%	0.0% #D6BF5E	RGB 214 191 94	#D6BF5E
16.7%	16.7% #CFB552	RGB 207 181 82	#CFB552
33.3%	33.3% #C8AC46	RGB 200 172 70	#C8AC46
50.0%	50.0% #C1A33B	RGB 193 163 59	#C1A33B
66.7%	66.7% #BA9A2F	RGB 186 154 47	#BA9A2F
83.3%	83.3% #B39123	RGB 179 145 35	#B39123
100.0%	100.0% #AD8818	RGB 173 136 24	#AD8818

#D6BF5E #CFB552 #C8AC46 #C1A33B #BA9A2F #B39123 #AD8818

#D6BF5E - #AD8818

HSV Blend

#D6BF5E - #AD8818 | 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 #D6BF5E as 0% and #AD8818 as 100%.

0.0%	0.0% #D6BF5E	RGB 214 191 94	#D6BF5E
16.7%	16.7% #CFB550	RGB 207 181 80	#CFB550
33.3%	33.3% #C8AC43	RGB 200 172 67	#C8AC43
50.0%	50.0% #C1A337	RGB 193 163 55	#C1A337
66.7%	66.7% #BA9A2C	RGB 186 154 44	#BA9A2C
83.3%	83.3% #B39021	RGB 179 144 33	#B39021
100.0%	100.0% #AD8818	RGB 173 136 24	#AD8818

#D6BF5E #CFB550 #C8AC43 #C1A337 #BA9A2C #B39021 #AD8818

#D6BF5E - #C1A337 - #AD8818

CSS codes

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

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