#511E3A - #2D060A | 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 #511E3A to #2D060A

#511E3A #2D060A

Calculate the color between two colors, #511E3A and #2D060A. 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)

#511E3A - #2D060A | 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 #511E3A as 0% and #2D060A as 100%.

0.0%	0.0% #511E3A	RGB 81 30 58	#511E3A
16.7%	16.7% #4B1A32	RGB 75 26 50	#4B1A32
33.3%	33.3% #45162A	RGB 69 22 42	#45162A
50.0%	50.0% #3F1222	RGB 63 18 34	#3F1222
66.7%	66.7% #390E1A	RGB 57 14 26	#390E1A
83.3%	83.3% #330A12	RGB 51 10 18	#330A12
100.0%	100.0% #2D060A	RGB 45 6 10	#2D060A

#511E3A #4B1A32 #45162A #3F1222 #390E1A #330A12 #2D060A

#511E3A - #2D060A

HSV Blend

#511E3A - #2D060A | 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 #511E3A as 0% and #2D060A as 100%.

0.0%	0.0% #511E3A	RGB 81 30 58	#511E3A
16.7%	16.7% #4B1830	RGB 75 24 48	#4B1830
33.3%	33.3% #451427	RGB 69 20 39	#451427
50.0%	50.0% #3F0F1F	RGB 63 15 31	#3F0F1F
66.7%	66.7% #390C17	RGB 57 12 23	#390C17
83.3%	83.3% #330810	RGB 51 8 16	#330810
100.0%	100.0% #2D060A	RGB 45 6 10	#2D060A

#511E3A #4B1830 #451427 #3F0F1F #390C17 #330810 #2D060A

#511E3A - #3F0F1F - #2D060A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #511E3A 0%, #3F0F1F 50%, #2D060A 100%);
    background: -webkit-linear-gradient(top, #511E3A 0%, #3F0F1F 50%, #2D060A 100%);
    background: linear-gradient(to bottom, #511E3A 0%, #3F0F1F 50%, #2D060A 100%);
}
</style>