#DB804C - #AF3F13 | 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 #DB804C to #AF3F13

#DB804C #AF3F13

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

#DB804C - #AF3F13 | 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 #DB804C as 0% and #AF3F13 as 100%.

0.0%	0.0% #DB804C	RGB 219 128 76	#DB804C
16.7%	16.7% #D37542	RGB 211 117 66	#D37542
33.3%	33.3% #CC6A39	RGB 204 106 57	#CC6A39
50.0%	50.0% #C55F2F	RGB 197 95 47	#C55F2F
66.7%	66.7% #BD5426	RGB 189 84 38	#BD5426
83.3%	83.3% #B6491C	RGB 182 73 28	#B6491C
100.0%	100.0% #AF3F13	RGB 175 63 19	#AF3F13

#DB804C #D37542 #CC6A39 #C55F2F #BD5426 #B6491C #AF3F13

#DB804C - #AF3F13

HSV Blend

#DB804C - #AF3F13 | 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 #DB804C as 0% and #AF3F13 as 100%.

0.0%	0.0% #DB804C	RGB 219 128 76	#DB804C
16.7%	16.7% #D37441	RGB 211 116 65	#D37441
33.3%	33.3% #CC6936	RGB 204 105 54	#CC6936
50.0%	50.0% #C55D2C	RGB 197 93 44	#C55D2C
66.7%	66.7% #BD5323	RGB 189 83 35	#BD5323
83.3%	83.3% #B6481B	RGB 182 72 27	#B6481B
100.0%	100.0% #AF3F13	RGB 175 63 19	#AF3F13

#DB804C #D37441 #CC6936 #C55D2C #BD5323 #B6481B #AF3F13

#DB804C - #C55D2C - #AF3F13

CSS codes

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

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