#5E2B31 - #3A020B | 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 #5E2B31 to #3A020B

#5E2B31 #3A020B

Calculate the color between two colors, #5E2B31 and #3A020B. 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)

#5E2B31 - #3A020B | 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 #5E2B31 as 0% and #3A020B as 100%.

0.0%	0.0% #5E2B31	RGB 94 43 49	#5E2B31
16.7%	16.7% #58242A	RGB 88 36 42	#58242A
33.3%	33.3% #521D24	RGB 82 29 36	#521D24
50.0%	50.0% #4C161E	RGB 76 22 30	#4C161E
66.7%	66.7% #460F17	RGB 70 15 23	#460F17
83.3%	83.3% #400811	RGB 64 8 17	#400811
100.0%	100.0% #3A020B	RGB 58 2 11	#3A020B

#5E2B31 #58242A #521D24 #4C161E #460F17 #400811 #3A020B

#5E2B31 - #3A020B

HSV Blend

#5E2B31 - #3A020B | 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 #5E2B31 as 0% and #3A020B as 100%.

0.0%	0.0% #5E2B31	RGB 94 43 49	#5E2B31
16.7%	16.7% #582228	RGB 88 34 40	#582228
33.3%	33.3% #521921	RGB 82 25 33	#521921
50.0%	50.0% #4C121A	RGB 76 18 26	#4C121A
66.7%	66.7% #460C14	RGB 70 12 20	#460C14
83.3%	83.3% #40060F	RGB 64 6 15	#40060F
100.0%	100.0% #3A020B	RGB 58 2 11	#3A020B

#5E2B31 #582228 #521921 #4C121A #460C14 #40060F #3A020B

#5E2B31 - #4C121A - #3A020B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B31 0%, #4C121A 50%, #3A020B 100%);
    background: -webkit-linear-gradient(top, #5E2B31 0%, #4C121A 50%, #3A020B 100%);
    background: linear-gradient(to bottom, #5E2B31 0%, #4C121A 50%, #3A020B 100%);
}
</style>