#5E614B - #2F390A | 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 #5E614B to #2F390A

#5E614B #2F390A

Calculate the color between two colors, #5E614B and #2F390A. 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)

#5E614B - #2F390A | 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 #5E614B as 0% and #2F390A as 100%.

0.0%	0.0% #5E614B	RGB 94 97 75	#5E614B
16.7%	16.7% #565A40	RGB 86 90 64	#565A40
33.3%	33.3% #4E5335	RGB 78 83 53	#4E5335
50.0%	50.0% #464D2A	RGB 70 77 42	#464D2A
66.7%	66.7% #3E461F	RGB 62 70 31	#3E461F
83.3%	83.3% #363F14	RGB 54 63 20	#363F14
100.0%	100.0% #2F390A	RGB 47 57 10	#2F390A

#5E614B #565A40 #4E5335 #464D2A #3E461F #363F14 #2F390A

#5E614B - #2F390A

HSV Blend

#5E614B - #2F390A | 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 #5E614B as 0% and #2F390A as 100%.

0.0%	0.0% #5E614B	RGB 94 97 75	#5E614B
16.7%	16.7% #555A3C	RGB 85 90 60	#555A3C
33.3%	33.3% #4D5330	RGB 77 83 48	#4D5330
50.0%	50.0% #454D24	RGB 69 77 36	#454D24
66.7%	66.7% #3E461A	RGB 62 70 26	#3E461A
83.3%	83.3% #363F11	RGB 54 63 17	#363F11
100.0%	100.0% #2F390A	RGB 47 57 10	#2F390A

#5E614B #555A3C #4D5330 #454D24 #3E461A #363F11 #2F390A

#5E614B - #454D24 - #2F390A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E614B 0%, #454D24 50%, #2F390A 100%);
    background: -webkit-linear-gradient(top, #5E614B 0%, #454D24 50%, #2F390A 100%);
    background: linear-gradient(to bottom, #5E614B 0%, #454D24 50%, #2F390A 100%);
}
</style>