#475024 - #1E2D03 | 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 #475024 to #1E2D03

#475024 #1E2D03

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

#475024 - #1E2D03 | 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 #475024 as 0% and #1E2D03 as 100%.

0.0%	0.0% #475024	RGB 71 80 36	#475024
16.7%	16.7% #404A1E	RGB 64 74 30	#404A1E
33.3%	33.3% #394419	RGB 57 68 25	#394419
50.0%	50.0% #323E13	RGB 50 62 19	#323E13
66.7%	66.7% #2B380E	RGB 43 56 14	#2B380E
83.3%	83.3% #243208	RGB 36 50 8	#243208
100.0%	100.0% #1E2D03	RGB 30 45 3	#1E2D03

#475024 #404A1E #394419 #323E13 #2B380E #243208 #1E2D03

#475024 - #1E2D03

HSV Blend

#475024 - #1E2D03 | 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 #475024 as 0% and #1E2D03 as 100%.

0.0%	0.0% #475024	RGB 71 80 36	#475024
16.7%	16.7% #3F4A1C	RGB 63 74 28	#3F4A1C
33.3%	33.3% #384416	RGB 56 68 22	#384416
50.0%	50.0% #313E10	RGB 49 62 16	#313E10
66.7%	66.7% #2A380B	RGB 42 56 11	#2A380B
83.3%	83.3% #243206	RGB 36 50 6	#243206
100.0%	100.0% #1E2D03	RGB 30 45 3	#1E2D03

#475024 #3F4A1C #384416 #313E10 #2A380B #243206 #1E2D03

#475024 - #313E10 - #1E2D03

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #475024 0%, #313E10 50%, #1E2D03 100%);
    background: -webkit-linear-gradient(top, #475024 0%, #313E10 50%, #1E2D03 100%);
    background: linear-gradient(to bottom, #475024 0%, #313E10 50%, #1E2D03 100%);
}
</style>