#5E2F2F - #31170D | 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 #5E2F2F to #31170D

#5E2F2F #31170D

Calculate the color between two colors, #5E2F2F and #31170D. 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)

#5E2F2F - #31170D | 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 #5E2F2F as 0% and #31170D as 100%.

0.0%	0.0% #5E2F2F	RGB 94 47 47	#5E2F2F
16.7%	16.7% #562B29	RGB 86 43 41	#562B29
33.3%	33.3% #4F2723	RGB 79 39 35	#4F2723
50.0%	50.0% #47231E	RGB 71 35 30	#47231E
66.7%	66.7% #401F18	RGB 64 31 24	#401F18
83.3%	83.3% #381B12	RGB 56 27 18	#381B12
100.0%	100.0% #31170D	RGB 49 23 13	#31170D

#5E2F2F #562B29 #4F2723 #47231E #401F18 #381B12 #31170D

#5E2F2F - #31170D

HSV Blend

#5E2F2F - #31170D | 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 #5E2F2F as 0% and #31170D as 100%.

0.0%	0.0% #5E2F2F	RGB 94 47 47	#5E2F2F
16.7%	16.7% #562A27	RGB 86 42 39	#562A27
33.3%	33.3% #4F2521	RGB 79 37 33	#4F2521
50.0%	50.0% #47211B	RGB 71 33 27	#47211B
66.7%	66.7% #401D15	RGB 64 29 21	#401D15
83.3%	83.3% #381A11	RGB 56 26 17	#381A11
100.0%	100.0% #31170D	RGB 49 23 13	#31170D

#5E2F2F #562A27 #4F2521 #47211B #401D15 #381A11 #31170D

#5E2F2F - #47211B - #31170D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F2F 0%, #47211B 50%, #31170D 100%);
    background: -webkit-linear-gradient(top, #5E2F2F 0%, #47211B 50%, #31170D 100%);
    background: linear-gradient(to bottom, #5E2F2F 0%, #47211B 50%, #31170D 100%);
}
</style>