#4D1E3C - #2F040A | 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 #4D1E3C to #2F040A

#4D1E3C #2F040A

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

#4D1E3C - #2F040A | 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 #4D1E3C as 0% and #2F040A as 100%.

0.0%	0.0% #4D1E3C	RGB 77 30 60	#4D1E3C
16.7%	16.7% #481933	RGB 72 25 51	#481933
33.3%	33.3% #43152B	RGB 67 21 43	#43152B
50.0%	50.0% #3E1123	RGB 62 17 35	#3E1123
66.7%	66.7% #390C1A	RGB 57 12 26	#390C1A
83.3%	83.3% #340812	RGB 52 8 18	#340812
100.0%	100.0% #2F040A	RGB 47 4 10	#2F040A

#4D1E3C #481933 #43152B #3E1123 #390C1A #340812 #2F040A

#4D1E3C - #2F040A

HSV Blend

#4D1E3C - #2F040A | 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 #4D1E3C as 0% and #2F040A as 100%.

0.0%	0.0% #4D1E3C	RGB 77 30 60	#4D1E3C
16.7%	16.7% #481832	RGB 72 24 50	#481832
33.3%	33.3% #431329	RGB 67 19 41	#431329
50.0%	50.0% #3E0E21	RGB 62 14 33	#3E0E21
66.7%	66.7% #390A18	RGB 57 10 24	#390A18
83.3%	83.3% #340711	RGB 52 7 17	#340711
100.0%	100.0% #2F040A	RGB 47 4 10	#2F040A

#4D1E3C #481832 #431329 #3E0E21 #390A18 #340711 #2F040A

#4D1E3C - #3E0E21 - #2F040A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1E3C 0%, #3E0E21 50%, #2F040A 100%);
    background: -webkit-linear-gradient(top, #4D1E3C 0%, #3E0E21 50%, #2F040A 100%);
    background: linear-gradient(to bottom, #4D1E3C 0%, #3E0E21 50%, #2F040A 100%);
}
</style>