#4D131C - #AD3546 | 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 #4D131C to #AD3546

#4D131C #AD3546

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

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

0.0%	0.0% #4D131C	RGB 77 19 28	#4D131C
16.7%	16.7% #5D1823	RGB 93 24 35	#5D1823
33.3%	33.3% #6D1E2A	RGB 109 30 42	#6D1E2A
50.0%	50.0% #7D2431	RGB 125 36 49	#7D2431
66.7%	66.7% #8D2938	RGB 141 41 56	#8D2938
83.3%	83.3% #9D2F3F	RGB 157 47 63	#9D2F3F
100.0%	100.0% #AD3546	RGB 173 53 70	#AD3546

#4D131C #5D1823 #6D1E2A #7D2431 #8D2938 #9D2F3F #AD3546

#4D131C - #AD3546

HSV Blend

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

0.0%	0.0% #4D131C	RGB 77 19 28	#4D131C
16.7%	16.7% #5D1722	RGB 93 23 34	#5D1722
33.3%	33.3% #6D1D29	RGB 109 29 41	#6D1D29
50.0%	50.0% #7D222F	RGB 125 34 47	#7D222F
66.7%	66.7% #8D2837	RGB 141 40 55	#8D2837
83.3%	83.3% #9D2E3E	RGB 157 46 62	#9D2E3E
100.0%	100.0% #AD3546	RGB 173 53 70	#AD3546

#4D131C #5D1722 #6D1D29 #7D222F #8D2837 #9D2E3E #AD3546

#4D131C - #7D222F - #AD3546

CSS codes

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

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