#5E5D0D - #191A04 | 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 #5E5D0D to #191A04

#5E5D0D #191A04

Calculate the color between two colors, #5E5D0D and #191A04. 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)

#5E5D0D - #191A04 | 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 #5E5D0D as 0% and #191A04 as 100%.

0.0%	0.0% #5E5D0D	RGB 94 93 13	#5E5D0D
16.7%	16.7% #52510B	RGB 82 81 11	#52510B
33.3%	33.3% #47460A	RGB 71 70 10	#47460A
50.0%	50.0% #3B3B08	RGB 59 59 8	#3B3B08
66.7%	66.7% #303007	RGB 48 48 7	#303007
83.3%	83.3% #242505	RGB 36 37 5	#242505
100.0%	100.0% #191A04	RGB 25 26 4	#191A04

#5E5D0D #52510B #47460A #3B3B08 #303007 #242505 #191A04

#5E5D0D - #191A04

HSV Blend

#5E5D0D - #191A04 | 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 #5E5D0D as 0% and #191A04 as 100%.

0.0%	0.0% #5E5D0C	RGB 94 93 12	#5E5D0C
16.7%	16.7% #52520B	RGB 82 82 11	#52520B
33.3%	33.3% #46470A	RGB 70 71 10	#46470A
50.0%	50.0% #3B3C08	RGB 59 60 8	#3B3C08
66.7%	66.7% #2F3007	RGB 47 48 7	#2F3007
83.3%	83.3% #242505	RGB 36 37 5	#242505
100.0%	100.0% #191A04	RGB 25 26 4	#191A04

#5E5D0C #52520B #46470A #3B3C08 #2F3007 #242505 #191A04

#5E5D0D - #3B3C08 - #191A04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D0C 0%, #3B3C08 50%, #191A04 100%);
    background: -webkit-linear-gradient(top, #5E5D0C 0%, #3B3C08 50%, #191A04 100%);
    background: linear-gradient(to bottom, #5E5D0C 0%, #3B3C08 50%, #191A04 100%);
}
</style>