#5E360F - #381A07 | 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 #5E360F to #381A07

#5E360F #381A07

Calculate the color between two colors, #5E360F and #381A07. 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)

#5E360F - #381A07 | 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 #5E360F as 0% and #381A07 as 100%.

0.0%	0.0% #5E360F	RGB 94 54 15	#5E360F
16.7%	16.7% #57310D	RGB 87 49 13	#57310D
33.3%	33.3% #512C0C	RGB 81 44 12	#512C0C
50.0%	50.0% #4B280B	RGB 75 40 11	#4B280B
66.7%	66.7% #442309	RGB 68 35 9	#442309
83.3%	83.3% #3E1E08	RGB 62 30 8	#3E1E08
100.0%	100.0% #381A07	RGB 56 26 7	#381A07

#5E360F #57310D #512C0C #4B280B #442309 #3E1E08 #381A07

#5E360F - #381A07

HSV Blend

#5E360F - #381A07 | 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 #5E360F as 0% and #381A07 as 100%.

0.0%	0.0% #5E360E	RGB 94 54 14	#5E360E
16.7%	16.7% #57300D	RGB 87 48 13	#57300D
33.3%	33.3% #512B0C	RGB 81 43 12	#512B0C
50.0%	50.0% #4B270A	RGB 75 39 10	#4B270A
66.7%	66.7% #442209	RGB 68 34 9	#442209
83.3%	83.3% #3E1E08	RGB 62 30 8	#3E1E08
100.0%	100.0% #381A07	RGB 56 26 7	#381A07

#5E360E #57300D #512B0C #4B270A #442209 #3E1E08 #381A07

#5E360F - #4B270A - #381A07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E360E 0%, #4B270A 50%, #381A07 100%);
    background: -webkit-linear-gradient(top, #5E360E 0%, #4B270A 50%, #381A07 100%);
    background: linear-gradient(to bottom, #5E360E 0%, #4B270A 50%, #381A07 100%);
}
</style>