#3C523C - #103D03 | 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 #3C523C to #103D03

#3C523C #103D03

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

#3C523C - #103D03 | 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 #3C523C as 0% and #103D03 as 100%.

0.0%	0.0% #3C523C	RGB 60 82 60	#3C523C
16.7%	16.7% #344E32	RGB 52 78 50	#344E32
33.3%	33.3% #2D4B29	RGB 45 75 41	#2D4B29
50.0%	50.0% #26471F	RGB 38 71 31	#26471F
66.7%	66.7% #1E4416	RGB 30 68 22	#1E4416
83.3%	83.3% #17400C	RGB 23 64 12	#17400C
100.0%	100.0% #103D03	RGB 16 61 3	#103D03

#3C523C #344E32 #2D4B29 #26471F #1E4416 #17400C #103D03

#3C523C - #103D03

HSV Blend

#3C523C - #103D03 | 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 #3C523C as 0% and #103D03 as 100%.

0.0%	0.0% #3C523C	RGB 60 82 60	#3C523C
16.7%	16.7% #314E30	RGB 49 78 48	#314E30
33.3%	33.3% #284B25	RGB 40 75 37	#284B25
50.0%	50.0% #20471B	RGB 32 71 27	#20471B
66.7%	66.7% #1A4412	RGB 26 68 18	#1A4412
83.3%	83.3% #14400A	RGB 20 64 10	#14400A
100.0%	100.0% #103D03	RGB 16 61 3	#103D03

#3C523C #314E30 #284B25 #20471B #1A4412 #14400A #103D03

#3C523C - #20471B - #103D03

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C523C 0%, #20471B 50%, #103D03 100%);
    background: -webkit-linear-gradient(top, #3C523C 0%, #20471B 50%, #103D03 100%);
    background: linear-gradient(to bottom, #3C523C 0%, #20471B 50%, #103D03 100%);
}
</style>