#A83640 - #4E1014 | 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 #A83640 to #4E1014

#A83640 #4E1014

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

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

0.0%	0.0% #A83640	RGB 168 54 64	#A83640
16.7%	16.7% #992F38	RGB 153 47 56	#992F38
33.3%	33.3% #8A2931	RGB 138 41 49	#8A2931
50.0%	50.0% #7B232A	RGB 123 35 42	#7B232A
66.7%	66.7% #6C1C22	RGB 108 28 34	#6C1C22
83.3%	83.3% #5D161B	RGB 93 22 27	#5D161B
100.0%	100.0% #4E1014	RGB 78 16 20	#4E1014

#A83640 #992F38 #8A2931 #7B232A #6C1C22 #5D161B #4E1014

#A83640 - #4E1014

HSV Blend

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

0.0%	0.0% #A83640	RGB 168 54 64	#A83640
16.7%	16.7% #992E37	RGB 153 46 55	#992E37
33.3%	33.3% #8A272E	RGB 138 39 46	#8A272E
50.0%	50.0% #7B2027	RGB 123 32 39	#7B2027
66.7%	66.7% #6C1A20	RGB 108 26 32	#6C1A20
83.3%	83.3% #5D1419	RGB 93 20 25	#5D1419
100.0%	100.0% #4E1014	RGB 78 16 20	#4E1014

#A83640 #992E37 #8A272E #7B2027 #6C1A20 #5D1419 #4E1014

#A83640 - #7B2027 - #4E1014

CSS codes

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

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