#3E3C2B - #252600 | 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 #3E3C2B to #252600

#3E3C2B #252600

Calculate the color between two colors, #3E3C2B and #252600. 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)

#3E3C2B - #252600 | 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 #3E3C2B as 0% and #252600 as 100%.

0.0%	0.0% #3E3C2B	RGB 62 60 43	#3E3C2B
16.7%	16.7% #393823	RGB 57 56 35	#393823
33.3%	33.3% #35341C	RGB 53 52 28	#35341C
50.0%	50.0% #313115	RGB 49 49 21	#313115
66.7%	66.7% #2D2D0E	RGB 45 45 14	#2D2D0E
83.3%	83.3% #292907	RGB 41 41 7	#292907
100.0%	100.0% #252600	RGB 37 38 0	#252600

#3E3C2B #393823 #35341C #313115 #2D2D0E #292907 #252600

#3E3C2B - #252600

HSV Blend

#3E3C2B - #252600 | 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 #3E3C2B as 0% and #252600 as 100%.

0.0%	0.0% #3E3C2B	RGB 62 60 43	#3E3C2B
16.7%	16.7% #3A3721	RGB 58 55 33	#3A3721
33.3%	33.3% #363418	RGB 54 52 24	#363418
50.0%	50.0% #323011	RGB 50 48 17	#323011
66.7%	66.7% #2E2D0A	RGB 46 45 10	#2E2D0A
83.3%	83.3% #292A04	RGB 41 42 4	#292A04
100.0%	100.0% #252600	RGB 37 38 0	#252600

#3E3C2B #3A3721 #363418 #323011 #2E2D0A #292A04 #252600

#3E3C2B - #323011 - #252600

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C2B 0%, #323011 50%, #252600 100%);
    background: -webkit-linear-gradient(top, #3E3C2B 0%, #323011 50%, #252600 100%);
    background: linear-gradient(to bottom, #3E3C2B 0%, #323011 50%, #252600 100%);
}
</style>