#211B08 - #5D5E2F | 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 #211B08 to #5D5E2F

#211B08 #5D5E2F

Calculate the color between two colors, #211B08 and #5D5E2F. 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)

#211B08 - #5D5E2F | 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 #211B08 as 0% and #5D5E2F as 100%.

0.0%	0.0% #211B08	RGB 33 27 8	#211B08
16.7%	16.7% #2B260E	RGB 43 38 14	#2B260E
33.3%	33.3% #353115	RGB 53 49 21	#353115
50.0%	50.0% #3F3C1B	RGB 63 60 27	#3F3C1B
66.7%	66.7% #494722	RGB 73 71 34	#494722
83.3%	83.3% #535228	RGB 83 82 40	#535228
100.0%	100.0% #5D5E2F	RGB 93 94 47	#5D5E2F

#211B08 #2B260E #353115 #3F3C1B #494722 #535228 #5D5E2F

#211B08 - #5D5E2F

HSV Blend

#211B08 - #5D5E2F | 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 #211B08 as 0% and #5D5E2F as 100%.

0.0%	0.0% #211B08	RGB 33 27 8	#211B08
16.7%	16.7% #2B250C	RGB 43 37 12	#2B250C
33.3%	33.3% #352F11	RGB 53 47 17	#352F11
50.0%	50.0% #3F3B17	RGB 63 59 23	#3F3B17
66.7%	66.7% #49461E	RGB 73 70 30	#49461E
83.3%	83.3% #535226	RGB 83 82 38	#535226
100.0%	100.0% #5D5E2F	RGB 93 94 47	#5D5E2F

#211B08 #2B250C #352F11 #3F3B17 #49461E #535226 #5D5E2F

#211B08 - #3F3B17 - #5D5E2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #211B08 0%, #3F3B17 50%, #5D5E2F 100%);
    background: -webkit-linear-gradient(top, #211B08 0%, #3F3B17 50%, #5D5E2F 100%);
    background: linear-gradient(to bottom, #211B08 0%, #3F3B17 50%, #5D5E2F 100%);
}
</style>