#DD852C - #AB460B | 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 #DD852C to #AB460B

#DD852C #AB460B

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

#DD852C - #AB460B | 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 #DD852C as 0% and #AB460B as 100%.

0.0%	0.0% #DD852C	RGB 221 133 44	#DD852C
16.7%	16.7% #D47A26	RGB 212 122 38	#D47A26
33.3%	33.3% #CC7021	RGB 204 112 33	#CC7021
50.0%	50.0% #C4651B	RGB 196 101 27	#C4651B
66.7%	66.7% #BB5B16	RGB 187 91 22	#BB5B16
83.3%	83.3% #B35010	RGB 179 80 16	#B35010
100.0%	100.0% #AB460B	RGB 171 70 11	#AB460B

#DD852C #D47A26 #CC7021 #C4651B #BB5B16 #B35010 #AB460B

#DD852C - #AB460B

HSV Blend

#DD852C - #AB460B | 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 #DD852C as 0% and #AB460B as 100%.

0.0%	0.0% #DD852C	RGB 221 133 44	#DD852C
16.7%	16.7% #D47925	RGB 212 121 37	#D47925
33.3%	33.3% #CC6E1F	RGB 204 110 31	#CC6E1F
50.0%	50.0% #C46319	RGB 196 99 25	#C46319
66.7%	66.7% #BB5914	RGB 187 89 20	#BB5914
83.3%	83.3% #B34F0F	RGB 179 79 15	#B34F0F
100.0%	100.0% #AB460B	RGB 171 70 11	#AB460B

#DD852C #D47925 #CC6E1F #C46319 #BB5914 #B34F0F #AB460B

#DD852C - #C46319 - #AB460B

CSS codes

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

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