#4A2B2D - #AF684B | 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 #4A2B2D to #AF684B

#4A2B2D #AF684B

Calculate the color between two colors, #4A2B2D and #AF684B. 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)

#4A2B2D - #AF684B | 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 #4A2B2D as 0% and #AF684B as 100%.

0.0%	0.0% #4A2B2D	RGB 74 43 45	#4A2B2D
16.7%	16.7% #5A3532	RGB 90 53 50	#5A3532
33.3%	33.3% #6B3F37	RGB 107 63 55	#6B3F37
50.0%	50.0% #7C493C	RGB 124 73 60	#7C493C
66.7%	66.7% #8D5341	RGB 141 83 65	#8D5341
83.3%	83.3% #9E5D46	RGB 158 93 70	#9E5D46
100.0%	100.0% #AF684B	RGB 175 104 75	#AF684B

#4A2B2D #5A3532 #6B3F37 #7C493C #8D5341 #9E5D46 #AF684B

#4A2B2D - #AF684B

HSV Blend

#4A2B2D - #AF684B | 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 #4A2B2D as 0% and #AF684B as 100%.

0.0%	0.0% #4A2B2C	RGB 74 43 44	#4A2B2C
16.7%	16.7% #5A3232	RGB 90 50 50	#5A3232
33.3%	33.3% #6B3B39	RGB 107 59 57	#6B3B39
50.0%	50.0% #7C453E	RGB 124 69 62	#7C453E
66.7%	66.7% #8D5043	RGB 141 80 67	#8D5043
83.3%	83.3% #9E5B47	RGB 158 91 71	#9E5B47
100.0%	100.0% #AF684B	RGB 175 104 75	#AF684B

#4A2B2C #5A3232 #6B3B39 #7C453E #8D5043 #9E5B47 #AF684B

#4A2B2D - #7C453E - #AF684B

CSS codes

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

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