#481D3C - #A65D67 | 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 #481D3C to #A65D67

#481D3C #A65D67

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

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

0.0%	0.0% #481D3C	RGB 72 29 60	#481D3C
16.7%	16.7% #572743	RGB 87 39 67	#572743
33.3%	33.3% #67324A	RGB 103 50 74	#67324A
50.0%	50.0% #773D51	RGB 119 61 81	#773D51
66.7%	66.7% #864758	RGB 134 71 88	#864758
83.3%	83.3% #96525F	RGB 150 82 95	#96525F
100.0%	100.0% #A65D67	RGB 166 93 103	#A65D67

#481D3C #572743 #67324A #773D51 #864758 #96525F #A65D67

#481D3C - #A65D67

HSV Blend

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

0.0%	0.0% #481D3C	RGB 72 29 60	#481D3C
16.7%	16.7% #572544	RGB 87 37 68	#572544
33.3%	33.3% #672F4C	RGB 103 47 76	#672F4C
50.0%	50.0% #773953	RGB 119 57 83	#773953
66.7%	66.7% #86445A	RGB 134 68 90	#86445A
83.3%	83.3% #965060	RGB 150 80 96	#965060
100.0%	100.0% #A65D67	RGB 166 93 103	#A65D67

#481D3C #572544 #672F4C #773953 #86445A #965060 #A65D67

#481D3C - #773953 - #A65D67

CSS codes

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

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