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

#3E3C2D #252600

Calculate the color between two colors, #3E3C2D 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)

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

0.0%	0.0% #3E3C2D	RGB 62 60 45	#3E3C2D
16.7%	16.7% #393825	RGB 57 56 37	#393825
33.3%	33.3% #35341E	RGB 53 52 30	#35341E
50.0%	50.0% #313116	RGB 49 49 22	#313116
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

#3E3C2D #393825 #35341E #313116 #2D2D0E #292907 #252600

#3E3C2D - #252600

HSV Blend

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

0.0%	0.0% #3E3C2D	RGB 62 60 45	#3E3C2D
16.7%	16.7% #3A3723	RGB 58 55 35	#3A3723
33.3%	33.3% #36341A	RGB 54 52 26	#36341A
50.0%	50.0% #323012	RGB 50 48 18	#323012
66.7%	66.7% #2E2D0B	RGB 46 45 11	#2E2D0B
83.3%	83.3% #292A05	RGB 41 42 5	#292A05
100.0%	100.0% #252600	RGB 37 38 0	#252600

#3E3C2D #3A3723 #36341A #323012 #2E2D0B #292A05 #252600

#3E3C2D - #323012 - #252600

CSS codes

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

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