#481F3E - #A8606A | 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 #481F3E to #A8606A

#481F3E #A8606A

Calculate the color between two colors, #481F3E and #A8606A. 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)

#481F3E - #A8606A | 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 #481F3E as 0% and #A8606A as 100%.

0.0%	0.0% #481F3E	RGB 72 31 62	#481F3E
16.7%	16.7% #582945	RGB 88 41 69	#582945
33.3%	33.3% #68344C	RGB 104 52 76	#68344C
50.0%	50.0% #783F54	RGB 120 63 84	#783F54
66.7%	66.7% #884A5B	RGB 136 74 91	#884A5B
83.3%	83.3% #985562	RGB 152 85 98	#985562
100.0%	100.0% #A8606A	RGB 168 96 106	#A8606A

#481F3E #582945 #68344C #783F54 #884A5B #985562 #A8606A

#481F3E - #A8606A

HSV Blend

#481F3E - #A8606A | 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 #481F3E as 0% and #A8606A as 100%.

0.0%	0.0% #481F3E	RGB 72 31 62	#481F3E
16.7%	16.7% #582747	RGB 88 39 71	#582747
33.3%	33.3% #68314F	RGB 104 49 79	#68314F
50.0%	50.0% #783C56	RGB 120 60 86	#783C56
66.7%	66.7% #88475D	RGB 136 71 93	#88475D
83.3%	83.3% #985363	RGB 152 83 99	#985363
100.0%	100.0% #A8606A	RGB 168 96 106	#A8606A

#481F3E #582747 #68314F #783C56 #88475D #985363 #A8606A

#481F3E - #783C56 - #A8606A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #481F3E 0%, #783C56 50%, #A8606A 100%);
    background: -webkit-linear-gradient(top, #481F3E 0%, #783C56 50%, #A8606A 100%);
    background: linear-gradient(to bottom, #481F3E 0%, #783C56 50%, #A8606A 100%);
}
</style>