#5E3644 - #350F0E | 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 #5E3644 to #350F0E

#5E3644 #350F0E

Calculate the color between two colors, #5E3644 and #350F0E. 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)

#5E3644 - #350F0E | 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 #5E3644 as 0% and #350F0E as 100%.

0.0%	0.0% #5E3644	RGB 94 54 68	#5E3644
16.7%	16.7% #572F3B	RGB 87 47 59	#572F3B
33.3%	33.3% #502932	RGB 80 41 50	#502932
50.0%	50.0% #492229	RGB 73 34 41	#492229
66.7%	66.7% #421C20	RGB 66 28 32	#421C20
83.3%	83.3% #3B1517	RGB 59 21 23	#3B1517
100.0%	100.0% #350F0E	RGB 53 15 14	#350F0E

#5E3644 #572F3B #502932 #492229 #421C20 #3B1517 #350F0E

#5E3644 - #350F0E

HSV Blend

#5E3644 - #350F0E | 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 #5E3644 as 0% and #350F0E as 100%.

0.0%	0.0% #5E3644	RGB 94 54 68	#5E3644
16.7%	16.7% #572D39	RGB 87 45 57	#572D39
33.3%	33.3% #50252F	RGB 80 37 47	#50252F
50.0%	50.0% #491E25	RGB 73 30 37	#491E25
66.7%	66.7% #42181C	RGB 66 24 28	#42181C
83.3%	83.3% #3B1214	RGB 59 18 20	#3B1214
100.0%	100.0% #350F0E	RGB 53 15 14	#350F0E

#5E3644 #572D39 #50252F #491E25 #42181C #3B1214 #350F0E

#5E3644 - #491E25 - #350F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3644 0%, #491E25 50%, #350F0E 100%);
    background: -webkit-linear-gradient(top, #5E3644 0%, #491E25 50%, #350F0E 100%);
    background: linear-gradient(to bottom, #5E3644 0%, #491E25 50%, #350F0E 100%);
}
</style>