#D9A55B - #B46419 | 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 #D9A55B to #B46419

#D9A55B #B46419

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

#D9A55B - #B46419 | 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 #D9A55B as 0% and #B46419 as 100%.

0.0%	0.0% #D9A55B	RGB 217 165 91	#D9A55B
16.7%	16.7% #D29A50	RGB 210 154 80	#D29A50
33.3%	33.3% #CC8F45	RGB 204 143 69	#CC8F45
50.0%	50.0% #C6843A	RGB 198 132 58	#C6843A
66.7%	66.7% #C0792F	RGB 192 121 47	#C0792F
83.3%	83.3% #BA6E24	RGB 186 110 36	#BA6E24
100.0%	100.0% #B46419	RGB 180 100 25	#B46419

#D9A55B #D29A50 #CC8F45 #C6843A #C0792F #BA6E24 #B46419

#D9A55B - #B46419

HSV Blend

#D9A55B - #B46419 | 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 #D9A55B as 0% and #B46419 as 100%.

0.0%	0.0% #D9A55A	RGB 217 165 90	#D9A55A
16.7%	16.7% #D2994E	RGB 210 153 78	#D2994E
33.3%	33.3% #CC8E42	RGB 204 142 66	#CC8E42
50.0%	50.0% #C68437	RGB 198 132 55	#C68437
66.7%	66.7% #C0792C	RGB 192 121 44	#C0792C
83.3%	83.3% #BA6E22	RGB 186 110 34	#BA6E22
100.0%	100.0% #B46419	RGB 180 100 25	#B46419

#D9A55A #D2994E #CC8E42 #C68437 #C0792C #BA6E22 #B46419

#D9A55B - #C68437 - #B46419

CSS codes

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

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