#DBB514 - #3E3304 | 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 #DBB514 to #3E3304

#DBB514 #3E3304

Calculate the color between two colors, #DBB514 and #3E3304. 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)

#DBB514 - #3E3304 | 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 #DBB514 as 0% and #3E3304 as 100%.

0.0%	0.0% #DBB514	RGB 219 181 20	#DBB514
16.7%	16.7% #C09F11	RGB 192 159 17	#C09F11
33.3%	33.3% #A6890E	RGB 166 137 14	#A6890E
50.0%	50.0% #8C740C	RGB 140 116 12	#8C740C
66.7%	66.7% #725E09	RGB 114 94 9	#725E09
83.3%	83.3% #584806	RGB 88 72 6	#584806
100.0%	100.0% #3E3304	RGB 62 51 4	#3E3304

#DBB514 #C09F11 #A6890E #8C740C #725E09 #584806 #3E3304

#DBB514 - #3E3304

HSV Blend

#DBB514 - #3E3304 | 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 #DBB514 as 0% and #3E3304 as 100%.

0.0%	0.0% #DBB514	RGB 219 181 20	#DBB514
16.7%	16.7% #C09F10	RGB 192 159 16	#C09F10
33.3%	33.3% #A6890D	RGB 166 137 13	#A6890D
50.0%	50.0% #8C730A	RGB 140 115 10	#8C730A
66.7%	66.7% #725E08	RGB 114 94 8	#725E08
83.3%	83.3% #584806	RGB 88 72 6	#584806
100.0%	100.0% #3E3304	RGB 62 51 4	#3E3304

#DBB514 #C09F10 #A6890D #8C730A #725E08 #584806 #3E3304

#DBB514 - #8C730A - #3E3304

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBB514 0%, #8C730A 50%, #3E3304 100%);
    background: -webkit-linear-gradient(top, #DBB514 0%, #8C730A 50%, #3E3304 100%);
    background: linear-gradient(to bottom, #DBB514 0%, #8C730A 50%, #3E3304 100%);
}
</style>