#4D192C - #A6514C | 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 #4D192C to #A6514C

#4D192C #A6514C

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

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

0.0%	0.0% #4D192C	RGB 77 25 44	#4D192C
16.7%	16.7% #5B2231	RGB 91 34 49	#5B2231
33.3%	33.3% #6A2B36	RGB 106 43 54	#6A2B36
50.0%	50.0% #79353C	RGB 121 53 60	#79353C
66.7%	66.7% #883E41	RGB 136 62 65	#883E41
83.3%	83.3% #974746	RGB 151 71 70	#974746
100.0%	100.0% #A6514C	RGB 166 81 76	#A6514C

#4D192C #5B2231 #6A2B36 #79353C #883E41 #974746 #A6514C

#4D192C - #A6514C

HSV Blend

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

0.0%	0.0% #4D192B	RGB 77 25 43	#4D192B
16.7%	16.7% #5B1F31	RGB 91 31 49	#5B1F31
33.3%	33.3% #6A2736	RGB 106 39 54	#6A2736
50.0%	50.0% #792F3A	RGB 121 47 58	#792F3A
66.7%	66.7% #88383F	RGB 136 56 63	#88383F
83.3%	83.3% #974143	RGB 151 65 67	#974143
100.0%	100.0% #A6514C	RGB 166 81 76	#A6514C

#4D192B #5B1F31 #6A2736 #792F3A #88383F #974143 #A6514C

#4D192C - #792F3A - #A6514C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D192B 0%, #792F3A 50%, #A6514C 100%);
    background: -webkit-linear-gradient(top, #4D192B 0%, #792F3A 50%, #A6514C 100%);
    background: linear-gradient(to bottom, #4D192B 0%, #792F3A 50%, #A6514C 100%);
}
</style>