#5E4028 - #421F05 | 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 #5E4028 to #421F05

#5E4028 #421F05

Calculate the color between two colors, #5E4028 and #421F05. 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)

#5E4028 - #421F05 | 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 #5E4028 as 0% and #421F05 as 100%.

0.0%	0.0% #5E4028	RGB 94 64 40	#5E4028
16.7%	16.7% #593A22	RGB 89 58 34	#593A22
33.3%	33.3% #54351C	RGB 84 53 28	#54351C
50.0%	50.0% #502F16	RGB 80 47 22	#502F16
66.7%	66.7% #4B2A10	RGB 75 42 16	#4B2A10
83.3%	83.3% #46240A	RGB 70 36 10	#46240A
100.0%	100.0% #421F05	RGB 66 31 5	#421F05

#5E4028 #593A22 #54351C #502F16 #4B2A10 #46240A #421F05

#5E4028 - #421F05

HSV Blend

#5E4028 - #421F05 | 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 #5E4028 as 0% and #421F05 as 100%.

0.0%	0.0% #5E4028	RGB 94 64 40	#5E4028
16.7%	16.7% #593920	RGB 89 57 32	#593920
33.3%	33.3% #54331A	RGB 84 51 26	#54331A
50.0%	50.0% #502E14	RGB 80 46 20	#502E14
66.7%	66.7% #4B280E	RGB 75 40 14	#4B280E
83.3%	83.3% #462309	RGB 70 35 9	#462309
100.0%	100.0% #421F05	RGB 66 31 5	#421F05

#5E4028 #593920 #54331A #502E14 #4B280E #462309 #421F05

#5E4028 - #502E14 - #421F05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4028 0%, #502E14 50%, #421F05 100%);
    background: -webkit-linear-gradient(top, #5E4028 0%, #502E14 50%, #421F05 100%);
    background: linear-gradient(to bottom, #5E4028 0%, #502E14 50%, #421F05 100%);
}
</style>