#35331C - #2B1E02 | 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 #35331C to #2B1E02

#35331C #2B1E02

Calculate the color between two colors, #35331C and #2B1E02. 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)

#35331C - #2B1E02 | 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 #35331C as 0% and #2B1E02 as 100%.

0.0%	0.0% #35331C	RGB 53 51 28	#35331C
16.7%	16.7% #332F17	RGB 51 47 23	#332F17
33.3%	33.3% #312C13	RGB 49 44 19	#312C13
50.0%	50.0% #30280F	RGB 48 40 15	#30280F
66.7%	66.7% #2E250A	RGB 46 37 10	#2E250A
83.3%	83.3% #2C2106	RGB 44 33 6	#2C2106
100.0%	100.0% #2B1E02	RGB 43 30 2	#2B1E02

#35331C #332F17 #312C13 #30280F #2E250A #2C2106 #2B1E02

#35331C - #2B1E02

HSV Blend

#35331C - #2B1E02 | 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 #35331C as 0% and #2B1E02 as 100%.

0.0%	0.0% #35331C	RGB 53 51 28	#35331C
16.7%	16.7% #332F16	RGB 51 47 22	#332F16
33.3%	33.3% #312C12	RGB 49 44 18	#312C12
50.0%	50.0% #30290D	RGB 48 41 13	#30290D
66.7%	66.7% #2E2509	RGB 46 37 9	#2E2509
83.3%	83.3% #2C2105	RGB 44 33 5	#2C2105
100.0%	100.0% #2B1E02	RGB 43 30 2	#2B1E02

#35331C #332F16 #312C12 #30290D #2E2509 #2C2105 #2B1E02

#35331C - #30290D - #2B1E02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35331C 0%, #30290D 50%, #2B1E02 100%);
    background: -webkit-linear-gradient(top, #35331C 0%, #30290D 50%, #2B1E02 100%);
    background: linear-gradient(to bottom, #35331C 0%, #30290D 50%, #2B1E02 100%);
}
</style>