#512325 - #AF5B3E | 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 #512325 to #AF5B3E

#512325 #AF5B3E

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

#512325 - #AF5B3E | 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 #512325 as 0% and #AF5B3E as 100%.

0.0%	0.0% #512325	RGB 81 35 37	#512325
16.7%	16.7% #602C29	RGB 96 44 41	#602C29
33.3%	33.3% #70352D	RGB 112 53 45	#70352D
50.0%	50.0% #803F31	RGB 128 63 49	#803F31
66.7%	66.7% #8F4835	RGB 143 72 53	#8F4835
83.3%	83.3% #9F5139	RGB 159 81 57	#9F5139
100.0%	100.0% #AF5B3E	RGB 175 91 62	#AF5B3E

#512325 #602C29 #70352D #803F31 #8F4835 #9F5139 #AF5B3E

#512325 - #AF5B3E

HSV Blend

#512325 - #AF5B3E | 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 #512325 as 0% and #AF5B3E as 100%.

0.0%	0.0% #512224	RGB 81 34 36	#512224
16.7%	16.7% #602828	RGB 96 40 40	#602828
33.3%	33.3% #70312D	RGB 112 49 45	#70312D
50.0%	50.0% #803A32	RGB 128 58 50	#803A32
66.7%	66.7% #8F4436	RGB 143 68 54	#8F4436
83.3%	83.3% #9F4F3A	RGB 159 79 58	#9F4F3A
100.0%	100.0% #AF5B3E	RGB 175 91 62	#AF5B3E

#512224 #602828 #70312D #803A32 #8F4436 #9F4F3A #AF5B3E

#512325 - #803A32 - #AF5B3E

CSS codes

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

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