#5E3535 - #321A0E | 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 #5E3535 to #321A0E

#5E3535 #321A0E

Calculate the color between two colors, #5E3535 and #321A0E. 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)

#5E3535 - #321A0E | 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 #5E3535 as 0% and #321A0E as 100%.

0.0%	0.0% #5E3535	RGB 94 53 53	#5E3535
16.7%	16.7% #56302E	RGB 86 48 46	#56302E
33.3%	33.3% #4F2C28	RGB 79 44 40	#4F2C28
50.0%	50.0% #482721	RGB 72 39 33	#482721
66.7%	66.7% #40231B	RGB 64 35 27	#40231B
83.3%	83.3% #391E14	RGB 57 30 20	#391E14
100.0%	100.0% #321A0E	RGB 50 26 14	#321A0E

#5E3535 #56302E #4F2C28 #482721 #40231B #391E14 #321A0E

#5E3535 - #321A0E

HSV Blend

#5E3535 - #321A0E | 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 #5E3535 as 0% and #321A0E as 100%.

0.0%	0.0% #5E3535	RGB 94 53 53	#5E3535
16.7%	16.7% #562F2C	RGB 86 47 44	#562F2C
33.3%	33.3% #4F2925	RGB 79 41 37	#4F2925
50.0%	50.0% #48251E	RGB 72 37 30	#48251E
66.7%	66.7% #402118	RGB 64 33 24	#402118
83.3%	83.3% #391D12	RGB 57 29 18	#391D12
100.0%	100.0% #321A0E	RGB 50 26 14	#321A0E

#5E3535 #562F2C #4F2925 #48251E #402118 #391D12 #321A0E

#5E3535 - #48251E - #321A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3535 0%, #48251E 50%, #321A0E 100%);
    background: -webkit-linear-gradient(top, #5E3535 0%, #48251E 50%, #321A0E 100%);
    background: linear-gradient(to bottom, #5E3535 0%, #48251E 50%, #321A0E 100%);
}
</style>