#4D1429 - #16050B | 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 #4D1429 to #16050B

#4D1429 #16050B

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

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

0.0%	0.0% #4D1429	RGB 77 20 41	#4D1429
16.7%	16.7% #431124	RGB 67 17 36	#431124
33.3%	33.3% #3A0F1F	RGB 58 15 31	#3A0F1F
50.0%	50.0% #310C1A	RGB 49 12 26	#310C1A
66.7%	66.7% #280A15	RGB 40 10 21	#280A15
83.3%	83.3% #1F0710	RGB 31 7 16	#1F0710
100.0%	100.0% #16050B	RGB 22 5 11	#16050B

#4D1429 #431124 #3A0F1F #310C1A #280A15 #1F0710 #16050B

#4D1429 - #16050B

HSV Blend

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

0.0%	0.0% #4D1329	RGB 77 19 41	#4D1329
16.7%	16.7% #431123	RGB 67 17 35	#431123
33.3%	33.3% #3A0E1E	RGB 58 14 30	#3A0E1E
50.0%	50.0% #310C19	RGB 49 12 25	#310C19
66.7%	66.7% #280914	RGB 40 9 20	#280914
83.3%	83.3% #1F070F	RGB 31 7 15	#1F070F
100.0%	100.0% #16050B	RGB 22 5 11	#16050B

#4D1329 #431123 #3A0E1E #310C19 #280914 #1F070F #16050B

#4D1429 - #310C19 - #16050B

CSS codes

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

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