#A45E6C - #501E2D | 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 #A45E6C to #501E2D

#A45E6C #501E2D

Calculate the color between two colors, #A45E6C and #501E2D. 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)

#A45E6C - #501E2D | 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 #A45E6C as 0% and #501E2D as 100%.

0.0%	0.0% #A45E6C	RGB 164 94 108	#A45E6C
16.7%	16.7% #965361	RGB 150 83 97	#965361
33.3%	33.3% #884857	RGB 136 72 87	#884857
50.0%	50.0% #7A3E4C	RGB 122 62 76	#7A3E4C
66.7%	66.7% #6C3342	RGB 108 51 66	#6C3342
83.3%	83.3% #5E2837	RGB 94 40 55	#5E2837
100.0%	100.0% #501E2D	RGB 80 30 45	#501E2D

#A45E6C #965361 #884857 #7A3E4C #6C3342 #5E2837 #501E2D

#A45E6C - #501E2D

HSV Blend

#A45E6C - #501E2D | 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 #A45E6C as 0% and #501E2D as 100%.

0.0%	0.0% #A45E6C	RGB 164 94 108	#A45E6C
16.7%	16.7% #96515F	RGB 150 81 95	#96515F
33.3%	33.3% #884454	RGB 136 68 84	#884454
50.0%	50.0% #7A3949	RGB 122 57 73	#7A3949
66.7%	66.7% #6C2F3F	RGB 108 47 63	#6C2F3F
83.3%	83.3% #5E2636	RGB 94 38 54	#5E2636
100.0%	100.0% #501E2D	RGB 80 30 45	#501E2D

#A45E6C #96515F #884454 #7A3949 #6C2F3F #5E2636 #501E2D

#A45E6C - #7A3949 - #501E2D

CSS codes

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

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