#AF5D5E - #652120 | 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 #AF5D5E to #652120

#AF5D5E #652120

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

#AF5D5E - #652120 | 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 #AF5D5E as 0% and #652120 as 100%.

0.0%	0.0% #AF5D5E	RGB 175 93 94	#AF5D5E
16.7%	16.7% #A25353	RGB 162 83 83	#A25353
33.3%	33.3% #964949	RGB 150 73 73	#964949
50.0%	50.0% #8A3F3F	RGB 138 63 63	#8A3F3F
66.7%	66.7% #7D3534	RGB 125 53 52	#7D3534
83.3%	83.3% #712B2A	RGB 113 43 42	#712B2A
100.0%	100.0% #652120	RGB 101 33 32	#652120

#AF5D5E #A25353 #964949 #8A3F3F #7D3534 #712B2A #652120

#AF5D5E - #652120

HSV Blend

#AF5D5E - #652120 | 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 #AF5D5E as 0% and #652120 as 100%.

0.0%	0.0% #AF5D5E	RGB 175 93 94	#AF5D5E
16.7%	16.7% #A25051	RGB 162 80 81	#A25051
33.3%	33.3% #964545	RGB 150 69 69	#964545
50.0%	50.0% #8A3A3A	RGB 138 58 58	#8A3A3A
66.7%	66.7% #7D3130	RGB 125 49 48	#7D3130
83.3%	83.3% #712827	RGB 113 40 39	#712827
100.0%	100.0% #652120	RGB 101 33 32	#652120

#AF5D5E #A25051 #964545 #8A3A3A #7D3130 #712827 #652120

#AF5D5E - #8A3A3A - #652120

CSS codes

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

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