#481B2D - #A35550 | 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 #481B2D to #A35550

#481B2D #A35550

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

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

0.0%	0.0% #481B2D	RGB 72 27 45	#481B2D
16.7%	16.7% #572432	RGB 87 36 50	#572432
33.3%	33.3% #662E38	RGB 102 46 56	#662E38
50.0%	50.0% #75383E	RGB 117 56 62	#75383E
66.7%	66.7% #844144	RGB 132 65 68	#844144
83.3%	83.3% #934B4A	RGB 147 75 74	#934B4A
100.0%	100.0% #A35550	RGB 163 85 80	#A35550

#481B2D #572432 #662E38 #75383E #844144 #934B4A #A35550

#481B2D - #A35550

HSV Blend

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

0.0%	0.0% #481B2D	RGB 72 27 45	#481B2D
16.7%	16.7% #572233	RGB 87 34 51	#572233
33.3%	33.3% #662A39	RGB 102 42 57	#662A39
50.0%	50.0% #75323E	RGB 117 50 62	#75323E
66.7%	66.7% #843B42	RGB 132 59 66	#843B42
83.3%	83.3% #934546	RGB 147 69 70	#934546
100.0%	100.0% #A35550	RGB 163 85 80	#A35550

#481B2D #572233 #662A39 #75323E #843B42 #934546 #A35550

#481B2D - #75323E - #A35550

CSS codes

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

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