#502428 - #AF5D43 | 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 #502428 to #AF5D43

#502428 #AF5D43

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

#502428 - #AF5D43 | 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 #502428 as 0% and #AF5D43 as 100%.

0.0%	0.0% #502428	RGB 80 36 40	#502428
16.7%	16.7% #5F2D2C	RGB 95 45 44	#5F2D2C
33.3%	33.3% #6F3731	RGB 111 55 49	#6F3731
50.0%	50.0% #7F4035	RGB 127 64 53	#7F4035
66.7%	66.7% #8F4A3A	RGB 143 74 58	#8F4A3A
83.3%	83.3% #9F533E	RGB 159 83 62	#9F533E
100.0%	100.0% #AF5D43	RGB 175 93 67	#AF5D43

#502428 #5F2D2C #6F3731 #7F4035 #8F4A3A #9F533E #AF5D43

#502428 - #AF5D43

HSV Blend

#502428 - #AF5D43 | 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 #502428 as 0% and #AF5D43 as 100%.

0.0%	0.0% #502427	RGB 80 36 39	#502427
16.7%	16.7% #5F2A2B	RGB 95 42 43	#5F2A2B
33.3%	33.3% #6F312F	RGB 111 49 47	#6F312F
50.0%	50.0% #7F3A35	RGB 127 58 53	#7F3A35
66.7%	66.7% #8F453A	RGB 143 69 58	#8F453A
83.3%	83.3% #9F503E	RGB 159 80 62	#9F503E
100.0%	100.0% #AF5D43	RGB 175 93 67	#AF5D43

#502427 #5F2A2B #6F312F #7F3A35 #8F453A #9F503E #AF5D43

#502428 - #7F3A35 - #AF5D43

CSS codes

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

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