#5E420D - #381F08 | 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 #5E420D to #381F08

#5E420D #381F08

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

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

0.0%	0.0% #5E420D	RGB 94 66 13	#5E420D
16.7%	16.7% #573C0C	RGB 87 60 12	#573C0C
33.3%	33.3% #51360B	RGB 81 54 11	#51360B
50.0%	50.0% #4B300A	RGB 75 48 10	#4B300A
66.7%	66.7% #442A09	RGB 68 42 9	#442A09
83.3%	83.3% #3E2408	RGB 62 36 8	#3E2408
100.0%	100.0% #381F08	RGB 56 31 8	#381F08

#5E420D #573C0C #51360B #4B300A #442A09 #3E2408 #381F08

#5E420D - #381F08

HSV Blend

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

0.0%	0.0% #5E420C	RGB 94 66 12	#5E420C
16.7%	16.7% #573B0C	RGB 87 59 12	#573B0C
33.3%	33.3% #51350B	RGB 81 53 11	#51350B
50.0%	50.0% #4B2F0A	RGB 75 47 10	#4B2F0A
66.7%	66.7% #442909	RGB 68 41 9	#442909
83.3%	83.3% #3E2408	RGB 62 36 8	#3E2408
100.0%	100.0% #381F08	RGB 56 31 8	#381F08

#5E420C #573B0C #51350B #4B2F0A #442909 #3E2408 #381F08

#5E420D - #4B2F0A - #381F08

CSS codes

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

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