#4D143D - #2D010A | 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 #4D143D to #2D010A

#4D143D #2D010A

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

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

0.0%	0.0% #4D143D	RGB 77 20 61	#4D143D
16.7%	16.7% #471034	RGB 71 16 52	#471034
33.3%	33.3% #420D2C	RGB 66 13 44	#420D2C
50.0%	50.0% #3D0A23	RGB 61 10 35	#3D0A23
66.7%	66.7% #37071B	RGB 55 7 27	#37071B
83.3%	83.3% #320412	RGB 50 4 18	#320412
100.0%	100.0% #2D010A	RGB 45 1 10	#2D010A

#4D143D #471034 #420D2C #3D0A23 #37071B #320412 #2D010A

#4D143D - #2D010A

HSV Blend

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

0.0%	0.0% #4D133D	RGB 77 19 61	#4D133D
16.7%	16.7% #470F33	RGB 71 15 51	#470F33
33.3%	33.3% #420B29	RGB 66 11 41	#420B29
50.0%	50.0% #3D0820	RGB 61 8 32	#3D0820
66.7%	66.7% #370518	RGB 55 5 24	#370518
83.3%	83.3% #320310	RGB 50 3 16	#320310
100.0%	100.0% #2D010A	RGB 45 1 10	#2D010A

#4D133D #470F33 #420B29 #3D0820 #370518 #320310 #2D010A

#4D143D - #3D0820 - #2D010A

CSS codes

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

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