#DBB31E - #3E3208 | 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 #DBB31E to #3E3208

#DBB31E #3E3208

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

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

0.0%	0.0% #DBB31E	RGB 219 179 30	#DBB31E
16.7%	16.7% #C09D1A	RGB 192 157 26	#C09D1A
33.3%	33.3% #A68816	RGB 166 136 22	#A68816
50.0%	50.0% #8C7213	RGB 140 114 19	#8C7213
66.7%	66.7% #725D0F	RGB 114 93 15	#725D0F
83.3%	83.3% #58470B	RGB 88 71 11	#58470B
100.0%	100.0% #3E3208	RGB 62 50 8	#3E3208

#DBB31E #C09D1A #A68816 #8C7213 #725D0F #58470B #3E3208

#DBB31E - #3E3208

HSV Blend

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

0.0%	0.0% #DBB31E	RGB 219 179 30	#DBB31E
16.7%	16.7% #C09D1A	RGB 192 157 26	#C09D1A
33.3%	33.3% #A68716	RGB 166 135 22	#A68716
50.0%	50.0% #8C7212	RGB 140 114 18	#8C7212
66.7%	66.7% #725C0F	RGB 114 92 15	#725C0F
83.3%	83.3% #58470B	RGB 88 71 11	#58470B
100.0%	100.0% #3E3208	RGB 62 50 8	#3E3208

#DBB31E #C09D1A #A68716 #8C7212 #725C0F #58470B #3E3208

#DBB31E - #8C7212 - #3E3208

CSS codes

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

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