#48403B - #BA5E64 | 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 #48403B to #BA5E64

#48403B #BA5E64

Calculate the color between two colors, #48403B and #BA5E64. 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)

#48403B - #BA5E64 | 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 #48403B as 0% and #BA5E64 as 100%.

0.0%	0.0% #48403B	RGB 72 64 59	#48403B
16.7%	16.7% #5B4541	RGB 91 69 65	#5B4541
33.3%	33.3% #6E4A48	RGB 110 74 72	#6E4A48
50.0%	50.0% #814F4F	RGB 129 79 79	#814F4F
66.7%	66.7% #945456	RGB 148 84 86	#945456
83.3%	83.3% #A7595D	RGB 167 89 93	#A7595D
100.0%	100.0% #BA5E64	RGB 186 94 100	#BA5E64

#48403B #5B4541 #6E4A48 #814F4F #945456 #A7595D #BA5E64

#48403B - #BA5E64

HSV Blend

#48403B - #BA5E64 | 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 #48403B as 0% and #BA5E64 as 100%.

0.0%	0.0% #48403B	RGB 72 64 59	#48403B
16.7%	16.7% #5B4C45	RGB 91 76 69	#5B4C45
33.3%	33.3% #6E554E	RGB 110 85 78	#6E554E
50.0%	50.0% #815C55	RGB 129 92 85	#815C55
66.7%	66.7% #945F5A	RGB 148 95 90	#945F5A
83.3%	83.3% #A75D5D	RGB 167 93 93	#A75D5D
100.0%	100.0% #BA5E64	RGB 186 94 100	#BA5E64

#48403B #5B4C45 #6E554E #815C55 #945F5A #A75D5D #BA5E64

#48403B - #815C55 - #BA5E64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48403B 0%, #815C55 50%, #BA5E64 100%);
    background: -webkit-linear-gradient(top, #48403B 0%, #815C55 50%, #BA5E64 100%);
    background: linear-gradient(to bottom, #48403B 0%, #815C55 50%, #BA5E64 100%);
}
</style>