#A85860 - #601C20 | 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 #A85860 to #601C20

#A85860 #601C20

Calculate the color between two colors, #A85860 and #601C20. 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)

#A85860 - #601C20 | 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 #A85860 as 0% and #601C20 as 100%.

0.0%	0.0% #A85860	RGB 168 88 96	#A85860
16.7%	16.7% #9C4E55	RGB 156 78 85	#9C4E55
33.3%	33.3% #90444A	RGB 144 68 74	#90444A
50.0%	50.0% #843A40	RGB 132 58 64	#843A40
66.7%	66.7% #783035	RGB 120 48 53	#783035
83.3%	83.3% #6C262A	RGB 108 38 42	#6C262A
100.0%	100.0% #601C20	RGB 96 28 32	#601C20

#A85860 #9C4E55 #90444A #843A40 #783035 #6C262A #601C20

#A85860 - #601C20

HSV Blend

#A85860 - #601C20 | 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 #A85860 as 0% and #601C20 as 100%.

0.0%	0.0% #A85860	RGB 168 88 96	#A85860
16.7%	16.7% #9C4B53	RGB 156 75 83	#9C4B53
33.3%	33.3% #904047	RGB 144 64 71	#904047
50.0%	50.0% #84353C	RGB 132 53 60	#84353C
66.7%	66.7% #782C31	RGB 120 44 49	#782C31
83.3%	83.3% #6C2328	RGB 108 35 40	#6C2328
100.0%	100.0% #601C20	RGB 96 28 32	#601C20

#A85860 #9C4B53 #904047 #84353C #782C31 #6C2328 #601C20

#A85860 - #84353C - #601C20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A85860 0%, #84353C 50%, #601C20 100%);
    background: -webkit-linear-gradient(top, #A85860 0%, #84353C 50%, #601C20 100%);
    background: linear-gradient(to bottom, #A85860 0%, #84353C 50%, #601C20 100%);
}
</style>