#5E2F37 - #1D1C07 | 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 #5E2F37 to #1D1C07

#5E2F37 #1D1C07

Calculate the color between two colors, #5E2F37 and #1D1C07. 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)

#5E2F37 - #1D1C07 | 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 #5E2F37 as 0% and #1D1C07 as 100%.

0.0%	0.0% #5E2F37	RGB 94 47 55	#5E2F37
16.7%	16.7% #532B2F	RGB 83 43 47	#532B2F
33.3%	33.3% #482827	RGB 72 40 39	#482827
50.0%	50.0% #3D251F	RGB 61 37 31	#3D251F
66.7%	66.7% #322217	RGB 50 34 23	#322217
83.3%	83.3% #271F0F	RGB 39 31 15	#271F0F
100.0%	100.0% #1D1C07	RGB 29 28 7	#1D1C07

#5E2F37 #532B2F #482827 #3D251F #322217 #271F0F #1D1C07

#5E2F37 - #1D1C07

HSV Blend

#5E2F37 - #1D1C07 | 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 #5E2F37 as 0% and #1D1C07 as 100%.

0.0%	0.0% #5E2F37	RGB 94 47 55	#5E2F37
16.7%	16.7% #532625	RGB 83 38 37	#532625
33.3%	33.3% #48261D	RGB 72 38 29	#48261D
50.0%	50.0% #3D2516	RGB 61 37 22	#3D2516
66.7%	66.7% #322410	RGB 50 36 16	#322410
83.3%	83.3% #27210B	RGB 39 33 11	#27210B
100.0%	100.0% #1D1C07	RGB 29 28 7	#1D1C07

#5E2F37 #532625 #48261D #3D2516 #322410 #27210B #1D1C07

#5E2F37 - #3D2516 - #1D1C07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F37 0%, #3D2516 50%, #1D1C07 100%);
    background: -webkit-linear-gradient(top, #5E2F37 0%, #3D2516 50%, #1D1C07 100%);
    background: linear-gradient(to bottom, #5E2F37 0%, #3D2516 50%, #1D1C07 100%);
}
</style>