#161808 - #40533B | 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 #161808 to #40533B

#161808 #40533B

Calculate the color between two colors, #161808 and #40533B. 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)

#161808 - #40533B | 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 #161808 as 0% and #40533B as 100%.

0.0%	0.0% #161808	RGB 22 24 8	#161808
16.7%	16.7% #1D2110	RGB 29 33 16	#1D2110
33.3%	33.3% #242B19	RGB 36 43 25	#242B19
50.0%	50.0% #2B3521	RGB 43 53 33	#2B3521
66.7%	66.7% #323F2A	RGB 50 63 42	#323F2A
83.3%	83.3% #394932	RGB 57 73 50	#394932
100.0%	100.0% #40533B	RGB 64 83 59	#40533B

#161808 #1D2110 #242B19 #2B3521 #323F2A #394932 #40533B

#161808 - #40533B

HSV Blend

#161808 - #40533B | 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 #161808 as 0% and #40533B as 100%.

0.0%	0.0% #161808	RGB 22 24 8	#161808
16.7%	16.7% #1D210D	RGB 29 33 13	#1D210D
33.3%	33.3% #232B14	RGB 35 43 20	#232B14
50.0%	50.0% #29351B	RGB 41 53 27	#29351B
66.7%	66.7% #303F25	RGB 48 63 37	#303F25
83.3%	83.3% #37492F	RGB 55 73 47	#37492F
100.0%	100.0% #40533B	RGB 64 83 59	#40533B

#161808 #1D210D #232B14 #29351B #303F25 #37492F #40533B

#161808 - #29351B - #40533B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #161808 0%, #29351B 50%, #40533B 100%);
    background: -webkit-linear-gradient(top, #161808 0%, #29351B 50%, #40533B 100%);
    background: linear-gradient(to bottom, #161808 0%, #29351B 50%, #40533B 100%);
}
</style>