#5E2618 - #350F03 | 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 #5E2618 to #350F03

#5E2618 #350F03

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

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

0.0%	0.0% #5E2618	RGB 94 38 24	#5E2618
16.7%	16.7% #572214	RGB 87 34 20	#572214
33.3%	33.3% #501E11	RGB 80 30 17	#501E11
50.0%	50.0% #491A0D	RGB 73 26 13	#491A0D
66.7%	66.7% #42160A	RGB 66 22 10	#42160A
83.3%	83.3% #3B1206	RGB 59 18 6	#3B1206
100.0%	100.0% #350F03	RGB 53 15 3	#350F03

#5E2618 #572214 #501E11 #491A0D #42160A #3B1206 #350F03

#5E2618 - #350F03

HSV Blend

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

0.0%	0.0% #5E2618	RGB 94 38 24	#5E2618
16.7%	16.7% #572113	RGB 87 33 19	#572113
33.3%	33.3% #501D0F	RGB 80 29 15	#501D0F
50.0%	50.0% #49190B	RGB 73 25 11	#49190B
66.7%	66.7% #421508	RGB 66 21 8	#421508
83.3%	83.3% #3B1205	RGB 59 18 5	#3B1205
100.0%	100.0% #350F03	RGB 53 15 3	#350F03

#5E2618 #572113 #501D0F #49190B #421508 #3B1205 #350F03

#5E2618 - #49190B - #350F03

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2618 0%, #49190B 50%, #350F03 100%);
    background: -webkit-linear-gradient(top, #5E2618 0%, #49190B 50%, #350F03 100%);
    background: linear-gradient(to bottom, #5E2618 0%, #49190B 50%, #350F03 100%);
}
</style>