#4D141B - #17090B | 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 #4D141B to #17090B

#4D141B #17090B

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

#4D141B - #17090B | 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 #4D141B as 0% and #17090B as 100%.

0.0%	0.0% #4D141B	RGB 77 20 27	#4D141B
16.7%	16.7% #441218	RGB 68 18 24	#441218
33.3%	33.3% #3B1015	RGB 59 16 21	#3B1015
50.0%	50.0% #320E13	RGB 50 14 19	#320E13
66.7%	66.7% #290C10	RGB 41 12 16	#290C10
83.3%	83.3% #200A0D	RGB 32 10 13	#200A0D
100.0%	100.0% #17090B	RGB 23 9 11	#17090B

#4D141B #441218 #3B1015 #320E13 #290C10 #200A0D #17090B

#4D141B - #17090B

HSV Blend

#4D141B - #17090B | 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 #4D141B as 0% and #17090B as 100%.

0.0%	0.0% #4D131A	RGB 77 19 26	#4D131A
16.7%	16.7% #441319	RGB 68 19 25	#441319
33.3%	33.3% #3B1117	RGB 59 17 23	#3B1117
50.0%	50.0% #321014	RGB 50 16 20	#321014
66.7%	66.7% #290E11	RGB 41 14 17	#290E11
83.3%	83.3% #200B0E	RGB 32 11 14	#200B0E
100.0%	100.0% #17090B	RGB 23 9 11	#17090B

#4D131A #441319 #3B1117 #321014 #290E11 #200B0E #17090B

#4D141B - #321014 - #17090B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D131A 0%, #321014 50%, #17090B 100%);
    background: -webkit-linear-gradient(top, #4D131A 0%, #321014 50%, #17090B 100%);
    background: linear-gradient(to bottom, #4D131A 0%, #321014 50%, #17090B 100%);
}
</style>