#4A2D2D - #AC7159 | 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 #4A2D2D to #AC7159

#4A2D2D #AC7159

Calculate the color between two colors, #4A2D2D and #AC7159. 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)

#4A2D2D - #AC7159 | 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 #4A2D2D as 0% and #AC7159 as 100%.

0.0%	0.0% #4A2D2D	RGB 74 45 45	#4A2D2D
16.7%	16.7% #5A3834	RGB 90 56 52	#5A3834
33.3%	33.3% #6A433B	RGB 106 67 59	#6A433B
50.0%	50.0% #7B4F43	RGB 123 79 67	#7B4F43
66.7%	66.7% #8B5A4A	RGB 139 90 74	#8B5A4A
83.3%	83.3% #9B6551	RGB 155 101 81	#9B6551
100.0%	100.0% #AC7159	RGB 172 113 89	#AC7159

#4A2D2D #5A3834 #6A433B #7B4F43 #8B5A4A #9B6551 #AC7159

#4A2D2D - #AC7159

HSV Blend

#4A2D2D - #AC7159 | 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 #4A2D2D as 0% and #AC7159 as 100%.

0.0%	0.0% #4A2D2D	RGB 74 45 45	#4A2D2D
16.7%	16.7% #5A3735	RGB 90 55 53	#5A3735
33.3%	33.3% #6A413D	RGB 106 65 61	#6A413D
50.0%	50.0% #7B4C45	RGB 123 76 69	#7B4C45
66.7%	66.7% #8B584C	RGB 139 88 76	#8B584C
83.3%	83.3% #9B6452	RGB 155 100 82	#9B6452
100.0%	100.0% #AC7159	RGB 172 113 89	#AC7159

#4A2D2D #5A3735 #6A413D #7B4C45 #8B584C #9B6452 #AC7159

#4A2D2D - #7B4C45 - #AC7159

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2D2D 0%, #7B4C45 50%, #AC7159 100%);
    background: -webkit-linear-gradient(top, #4A2D2D 0%, #7B4C45 50%, #AC7159 100%);
    background: linear-gradient(to bottom, #4A2D2D 0%, #7B4C45 50%, #AC7159 100%);
}
</style>