#A75C5E - #5F201F | 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 #A75C5E to #5F201F

#A75C5E #5F201F

Calculate the color between two colors, #A75C5E and #5F201F. 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)

#A75C5E - #5F201F | 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 #A75C5E as 0% and #5F201F as 100%.

0.0%	0.0% #A75C5E	RGB 167 92 94	#A75C5E
16.7%	16.7% #9B5253	RGB 155 82 83	#9B5253
33.3%	33.3% #8F4849	RGB 143 72 73	#8F4849
50.0%	50.0% #833E3E	RGB 131 62 62	#833E3E
66.7%	66.7% #773434	RGB 119 52 52	#773434
83.3%	83.3% #6B2A29	RGB 107 42 41	#6B2A29
100.0%	100.0% #5F201F	RGB 95 32 31	#5F201F

#A75C5E #9B5253 #8F4849 #833E3E #773434 #6B2A29 #5F201F

#A75C5E - #5F201F

HSV Blend

#A75C5E - #5F201F | 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 #A75C5E as 0% and #5F201F as 100%.

0.0%	0.0% #A75C5D	RGB 167 92 93	#A75C5D
16.7%	16.7% #9B4F51	RGB 155 79 81	#9B4F51
33.3%	33.3% #8F4445	RGB 143 68 69	#8F4445
50.0%	50.0% #833939	RGB 131 57 57	#833939
66.7%	66.7% #772F2F	RGB 119 47 47	#772F2F
83.3%	83.3% #6B2726	RGB 107 39 38	#6B2726
100.0%	100.0% #5F201F	RGB 95 32 31	#5F201F

#A75C5D #9B4F51 #8F4445 #833939 #772F2F #6B2726 #5F201F

#A75C5E - #833939 - #5F201F

CSS codes

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

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