#DFAB2D - #B4690B | 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 #DFAB2D to #B4690B

#DFAB2D #B4690B

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

#DFAB2D - #B4690B | 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 #DFAB2D as 0% and #B4690B as 100%.

0.0%	0.0% #DFAB2D	RGB 223 171 45	#DFAB2D
16.7%	16.7% #D7A027	RGB 215 160 39	#D7A027
33.3%	33.3% #D09521	RGB 208 149 33	#D09521
50.0%	50.0% #C98A1C	RGB 201 138 28	#C98A1C
66.7%	66.7% #C27F16	RGB 194 127 22	#C27F16
83.3%	83.3% #BB7410	RGB 187 116 16	#BB7410
100.0%	100.0% #B4690B	RGB 180 105 11	#B4690B

#DFAB2D #D7A027 #D09521 #C98A1C #C27F16 #BB7410 #B4690B

#DFAB2D - #B4690B

HSV Blend

#DFAB2D - #B4690B | 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 #DFAB2D as 0% and #B4690B as 100%.

0.0%	0.0% #DFAB2D	RGB 223 171 45	#DFAB2D
16.7%	16.7% #D79F26	RGB 215 159 38	#D79F26
33.3%	33.3% #D09420	RGB 208 148 32	#D09420
50.0%	50.0% #C9891A	RGB 201 137 26	#C9891A
66.7%	66.7% #C27E14	RGB 194 126 20	#C27E14
83.3%	83.3% #BB730F	RGB 187 115 15	#BB730F
100.0%	100.0% #B4690B	RGB 180 105 11	#B4690B

#DFAB2D #D79F26 #D09420 #C9891A #C27E14 #BB730F #B4690B

#DFAB2D - #C9891A - #B4690B

CSS codes

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

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