#3A3D28 - #1A2401 | 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 #3A3D28 to #1A2401

#3A3D28 #1A2401

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

#3A3D28 - #1A2401 | 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 #3A3D28 as 0% and #1A2401 as 100%.

0.0%	0.0% #3A3D28	RGB 58 61 40	#3A3D28
16.7%	16.7% #343821	RGB 52 56 33	#343821
33.3%	33.3% #2F341B	RGB 47 52 27	#2F341B
50.0%	50.0% #2A3014	RGB 42 48 20	#2A3014
66.7%	66.7% #242C0E	RGB 36 44 14	#242C0E
83.3%	83.3% #1F2807	RGB 31 40 7	#1F2807
100.0%	100.0% #1A2401	RGB 26 36 1	#1A2401

#3A3D28 #343821 #2F341B #2A3014 #242C0E #1F2807 #1A2401

#3A3D28 - #1A2401

HSV Blend

#3A3D28 - #1A2401 | 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 #3A3D28 as 0% and #1A2401 as 100%.

0.0%	0.0% #3A3D28	RGB 58 61 40	#3A3D28
16.7%	16.7% #34381F	RGB 52 56 31	#34381F
33.3%	33.3% #2F3417	RGB 47 52 23	#2F3417
50.0%	50.0% #293010	RGB 41 48 16	#293010
66.7%	66.7% #242C0A	RGB 36 44 10	#242C0A
83.3%	83.3% #1F2805	RGB 31 40 5	#1F2805
100.0%	100.0% #1A2401	RGB 26 36 1	#1A2401

#3A3D28 #34381F #2F3417 #293010 #242C0A #1F2805 #1A2401

#3A3D28 - #293010 - #1A2401

CSS codes

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

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